Преглед на файлове

implemented so that the child page will show up and you would be able to scroll down the table

白石誠 преди 5 години
родител
ревизия
954c155778
променени са 2 файла, в които са добавени 21 реда и са изтрити 20 реда
  1. 1 1
      src/client/js/components/ComparePathsTable.jsx
  2. 20 19
      src/client/styles/scss/_create-page.scss

+ 1 - 1
src/client/js/components/ComparePathsTable.jsx

@@ -14,7 +14,7 @@ function ComparePathsTable(props) {
   const { path } = pageContainer.state;
   const { path } = pageContainer.state;
 
 
   return (
   return (
-    <table className="table table-bordered compare-page-tabel">
+    <table className="table table-bordered compare-page-table">
       <thead>
       <thead>
         <tr>
         <tr>
           <th className="w-50">{t('original_path')}</th>
           <th className="w-50">{t('original_path')}</th>

+ 20 - 19
src/client/styles/scss/_create-page.scss

@@ -13,28 +13,29 @@
     font-family: $font-family-monospace-not-strictly;
     font-family: $font-family-monospace-not-strictly;
   }
   }
 
 
-  .compare-page-tabel {
+  .compare-page-table {
     width: 100%;
     width: 100%;
-  }
 
 
-  .compare-page-tabel tbody {
-    width: 100%;
-    height: 200px;
-    overflow-y: auto;
-  }
+    tbody {
+      width: 100%;
+      height: 200px;
+      overflow-y: auto;
+    }
 
 
-  .compare-page-tabel thead,
-  tbody,
-  tr,
-  td,
-  th {
-    display: block;
-  }
-  .compare-page-tabel tbody td {
-    float: left;
-  }
+    td,
+    th {
+      width: 50%;
+    }
+
+    tbody,
+    tr,
+    td,
+    th {
+      display: block;
+    }
 
 
-  .compare-page-tabel thead tr th {
-    float: left;
+    tr {
+      display: flex;
+    }
   }
   }
 }
 }