Browse Source

Fix empty text display in firefox. (#1347)

FuryBean 8 years ago
parent
commit
090f91d057
2 changed files with 10 additions and 6 deletions
  1. 5 3
      packages/theme-default/src/table.css
  2. 5 3
      packages/theme-default/src/tree.css

+ 5 - 3
packages/theme-default/src/table.css

@@ -52,7 +52,7 @@
     }
 
     @e empty-block {
-      display: table;
+      position: relative;
       min-height: 60px;
       text-align: center;
       width: 100%;
@@ -60,8 +60,10 @@
     }
 
     @e empty-text {
-      display: table-cell;
-      vertical-align: middle;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
       color: #5e6d82;
     }
 

+ 5 - 3
packages/theme-default/src/tree.css

@@ -8,7 +8,7 @@
     border: 1px solid #d3dce6;
 
     @e empty-block {
-      display: table;
+      position: relative;
       min-height: 60px;
       text-align: center;
       width: 100%;
@@ -16,8 +16,10 @@
     }
 
     @e empty-text {
-      display: table-cell;
-      vertical-align: middle;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
       color: #5e6d82;
     }
   }