feat(tables): it removes the media query and edit text in html

nostalgic-css · Dec 12, 2018 · 934ea6c · 934ea6c
1 parent 02cd484
commit 934ea6c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 28 deletions.
diff --git a/index.html b/index.html
@@ -160,29 +160,20 @@ <h2 class="title">Table</h2>
               <th>Table.is-centered</th>
               <th>Table.is-centered</th>
               <th>Table.is-centered</th>
-              <th>Table.is-centered</th>
-              <th>Table.is-centered</th>
-              <th>Table.is-centered</th>
             </tr>
           </thead>
           <tbody>
             <tr>
               <td>Thou hast had a good morning</td>
               <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
+              <td>Thou hast had a good evening</td>
+              <td>Thou hast had a good night</td>
             </tr>
             <tr>
               <td>Thou hast had a good morning</td>
               <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
+              <td>Thou hast had a good evening</td>
+              <td>Thou hast had a good night</td>
             </tr>
           </tbody>
         </table>
@@ -195,29 +186,20 @@ <h2 class="title">Table</h2>
               <th>Table.is-bordered</th>
               <th>Table.is-bordered</th>
               <th>Table.is-bordered</th>
-              <th>Table.is-bordered</th>
-              <th>Table.is-bordered</th>
-              <th>Table.is-bordered</th>
             </tr>
           </thead>
           <tbody>
             <tr>
               <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good morning</td>
-              <td>Thou hast had a good morning</td>
+              <td>Thou hast had a good afternon</td>
+              <td>Thou hast had a good evening</td>
+              <td>Thou hast had a good night</td>
             </tr>
             <tr>
               <td>Thou hast had a good morning</td>
               <td>Thou hast had a good afternoon</td>
               <td>Thou hast had a good afternoon</td>
               <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
-              <td>Thou hast had a good afternoon</td>
             </tr>
           </tbody>
         </table>

diff --git a/scss/elements/tables.scss b/scss/elements/tables.scss
@@ -1,7 +1,7 @@
 .nes-table-responsive {
-  @media (max-width: 768px) {
-    overflow-x: scroll;
-  }
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
 .nes-table {
   table-layout: fixed;