From 090f91d057c58eafa253923a9488c6bd508967be Mon Sep 17 00:00:00 2001 From: FuryBean Date: Fri, 25 Nov 2016 08:54:05 +0800 Subject: [PATCH] Fix empty text display in firefox. (#1347) --- packages/theme-default/src/table.css | 8 +++++--- packages/theme-default/src/tree.css | 8 +++++--- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/packages/theme-default/src/table.css b/packages/theme-default/src/table.css index a7d7d8eae..77817ea2c 100644 --- a/packages/theme-default/src/table.css +++ b/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; } diff --git a/packages/theme-default/src/tree.css b/packages/theme-default/src/tree.css index 7961960be..c83566b4b 100644 --- a/packages/theme-default/src/tree.css +++ b/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; } }