fix(table): Fixed table bugs with dropdown

fabric-design · Sep 12, 2017 · daf9697 · daf9697
1 parent 6b05a13
commit daf9697
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/molecules/_tables.scss b/molecules/_tables.scss
@@ -35,6 +35,7 @@ $table-row-line-height: $space-xxl !default;
 @mixin table-filter() {
   display: inline-block;
   vertical-align: top;
+  text-transform: initial;
   .dropdown-trigger,
   .flatpickr-input {
     color: inherit;
@@ -63,7 +64,7 @@ $table-row-line-height: $space-xxl !default;
       color: $table-header-color;
       tr {
         th {
-          padding: 0 $space-xl 0 $space-m;
+          padding: 0 $space-m;
           line-height: $space-xl;
           white-space: nowrap;
           position: relative;
@@ -74,17 +75,17 @@ $table-row-line-height: $space-xxl !default;
             vertical-align: top;
             margin: 0;
             overflow: visible;
-            .text {
+            > .text {
               display: inline-block;
               vertical-align: top;
               max-width: 90%;
               overflow: hidden;
               text-overflow: ellipsis;
             }
-            .filter {
+            > .filter {
               @include table-filter();
             }
-            .sort {
+            > .sort {
               @include table-sort();
             }
           }
@@ -120,6 +121,11 @@ $table-row-line-height: $space-xxl !default;
           background-color: $table-row-active-background-color;
         }
       }
+      tr.empty-row td,
+      tr.loader-row td {
+        text-align: center;
+        background-color: $table-row-background-color;
+      }
       tr.pagination-row td {
         padding: $space-m;
         background-color: $table-row-background-color;