Fix pre or code wrap algolia#226

hongshaoyang · Mar 20, 2022 · 71787f9 · 71787f9
1 parent 5801b71
commit 71787f9
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/app/javascript/src/Story.scss b/app/javascript/src/Story.scss
@@ -45,6 +45,8 @@
 
   &_data {
     margin: 4px 0;
+    flex: auto;
+    max-width: 50%;
   }
 
   &_title {
@@ -181,7 +183,7 @@
     }
 
     &_share {
-      flex: 1;
+      flex: 140px; // follow min-width
       text-align: right;
       min-width: 140px;
       display: flex;
@@ -273,6 +275,9 @@
         color: #000 !important;
         font-weight: bold;
       }
+      code, pre {
+        overflow: scroll;
+      }
     }
 
     &_title {