From 116c8fa89bc1567e4f33370c8db3d457a2c6096b Mon Sep 17 00:00:00 2001 From: windy <1374721899@qq.com> Date: Mon, 14 Oct 2019 16:44:59 +0800 Subject: [PATCH] =?UTF-8?q?BI-53377=20&&=20REPORT-22519=20fix:=20=E4=B8=8B?= =?UTF-8?q?=E6=8B=89=E6=A0=91=E5=9B=BE=E6=A0=87=E4=B8=8D=E6=B8=85=E6=99=B0?= =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/background.css | 122 +++++++++++++++++- .../base/colorchooser/colorpicker/editor.css | 122 +++++++++++++++++- src/css/base/tree/ztree.css | 3 + src/css/resource/background.css | 122 +++++++++++++++++- src/less/base/tree/ztree.less | 5 +- src/less/resource/background.less | 116 ++++++++++++++++- ui/css/background.css | 122 +++++++++++++++++- 7 files changed, 601 insertions(+), 11 deletions(-) diff --git a/public/css/background.css b/public/css/background.css index cd4e97debf..e777caf73e 100644 --- a/public/css/background.css +++ b/public/css/background.css @@ -8,20 +8,46 @@ background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/marker.png') no-repeat center center; } .bi-display-tree .ztree li span.button.switch.center_open { - background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.roots_open { - background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.bottom_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-display-tree .ztree.hack li span.button.switch.center_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.roots_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.bottom_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .ztree li ul.line { + position: relative; +} +.ztree li ul.line:before { + position: absolute; + content: ''; + border-left: 1px dashed #D0D4DA; + height: calc(100% - 3px); + left: 12px; + margin-top: 1px; +} +.ztree.hack li ul.line { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; } .bi-theme-dark .ztree li ul.line { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; } +.bi-theme-dark .ztree.hack li ul.line { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; +} .ztree li span.button.chk.checkbox_false_full { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; @@ -79,72 +105,164 @@ background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center; } .ztree li span.button.root_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_1.png') no-repeat center center; } .ztree li span.button.root_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; } .ztree li span.button.roots_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_2.png') no-repeat center center; } .ztree li span.button.roots_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; } .ztree li span.button.center_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_3.png') no-repeat center center; } .ztree li span.button.center_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; } .ztree li span.button.bottom_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_open { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_open { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_4.png') no-repeat center center; } .ztree li span.button.bottom_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_close { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_close { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; } .ztree li span.button.roots_docu { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_docu { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_docu { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_docu { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; } .ztree li span.button.center_docu { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_docu { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_docu { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_docu { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; } .ztree li span.button.bottom_docu { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_docu { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_docu { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_docu { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; } .ztree li span.button.ico_loading { + background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/loading.gif') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.ico_loading { background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/loading.gif') no-repeat center center; } .base-line-conn-background { diff --git a/src/css/base/colorchooser/colorpicker/editor.css b/src/css/base/colorchooser/colorpicker/editor.css index 69a565b42a..0efa18d06c 100644 --- a/src/css/base/colorchooser/colorpicker/editor.css +++ b/src/css/base/colorchooser/colorpicker/editor.css @@ -8,20 +8,46 @@ background: url('images/1x/background/marker.png') no-repeat center center; } .bi-display-tree .ztree li span.button.switch.center_open { - background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; + background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.roots_open { - background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; + background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.bottom_open { + background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-display-tree .ztree.hack li span.button.switch.center_open { + background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.roots_open { + background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.bottom_open { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .ztree li ul.line { + position: relative; +} +.ztree li ul.line:before { + position: absolute; + content: ''; + border-left: 1px dashed #D0D4DA; + height: calc(100% - 3px); + left: 12px; + margin-top: 1px; +} +.ztree.hack li ul.line { background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; } .bi-theme-dark .ztree li ul.line { background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; } +.bi-theme-dark .ztree.hack li ul.line { + background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; +} .ztree li span.button.chk.checkbox_false_full { background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; @@ -79,72 +105,164 @@ background: url('images/1x/icon/half_selected.png') no-repeat center center; } .ztree li span.button.root_open { + background: url('images/2x/icon/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_open { background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_open { + background: url('images/2x/icon/dark/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_open { background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; } .ztree li span.button.root_close { + background: url('images/2x/icon/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_close { background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_close { + background: url('images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_close { background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; } .ztree li span.button.roots_open { + background: url('images/2x/icon/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_open { background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_open { + background: url('images/2x/icon/dark/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_open { background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; } .ztree li span.button.roots_close { + background: url('images/2x/icon/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_close { background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_close { + background: url('images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_close { background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; } .ztree li span.button.center_open { + background: url('images/2x/icon/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_open { background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_open { + background: url('images/2x/icon/dark/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_open { background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; } .ztree li span.button.center_close { + background: url('images/2x/icon/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_close { background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_close { + background: url('images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_close { background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; } .ztree li span.button.bottom_open { + background: url('images/2x/icon/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_open { background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_open { + background: url('images/2x/icon/dark/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_open { background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; } .ztree li span.button.bottom_close { + background: url('images/2x/icon/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_close { background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_close { + background: url('images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_close { background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; } .ztree li span.button.roots_docu { + background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_docu { background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_docu { + background: url('images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_docu { background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; } .ztree li span.button.center_docu { + background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_docu { background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_docu { + background: url('images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_docu { background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; } .ztree li span.button.bottom_docu { + background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_docu { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_docu { + background: url('images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_docu { background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; } .ztree li span.button.ico_loading { + background: url('images/2x/icon/loading.gif') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.ico_loading { background: url('images/1x/icon/loading.gif') no-repeat center center; } .base-line-conn-background { diff --git a/src/css/base/tree/ztree.css b/src/css/base/tree/ztree.css index 9de3dfe235..f6f6668ca6 100644 --- a/src/css/base/tree/ztree.css +++ b/src/css/base/tree/ztree.css @@ -68,6 +68,9 @@ line-height: 24px; margin-right: 2px; } +.ztree li span.bi-keyword-red-mark { + margin-right: 0px; +} .ztree li span.button { line-height: 0; margin: 0; diff --git a/src/css/resource/background.css b/src/css/resource/background.css index b17349bdf8..3bb6021507 100644 --- a/src/css/resource/background.css +++ b/src/css/resource/background.css @@ -8,20 +8,46 @@ background: url('images/1x/background/marker.png') no-repeat center center; } .bi-display-tree .ztree li span.button.switch.center_open { - background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; + background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.roots_open { - background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; + background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.bottom_open { + background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-display-tree .ztree.hack li span.button.switch.center_open { + background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.roots_open { + background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.bottom_open { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .ztree li ul.line { + position: relative; +} +.ztree li ul.line:before { + position: absolute; + content: ''; + border-left: 1px dashed #D0D4DA; + height: calc(100% - 3px); + left: 12px; + margin-top: 1px; +} +.ztree.hack li ul.line { background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; } .bi-theme-dark .ztree li ul.line { background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; } +.bi-theme-dark .ztree.hack li ul.line { + background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; +} .ztree li span.button.chk.checkbox_false_full { background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; @@ -79,72 +105,164 @@ background: url('images/1x/icon/half_selected.png') no-repeat center center; } .ztree li span.button.root_open { + background: url('images/2x/icon/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_open { background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_open { + background: url('images/2x/icon/dark/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_open { background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; } .ztree li span.button.root_close { + background: url('images/2x/icon/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_close { background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_close { + background: url('images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_close { background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; } .ztree li span.button.roots_open { + background: url('images/2x/icon/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_open { background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_open { + background: url('images/2x/icon/dark/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_open { background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; } .ztree li span.button.roots_close { + background: url('images/2x/icon/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_close { background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_close { + background: url('images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_close { background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; } .ztree li span.button.center_open { + background: url('images/2x/icon/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_open { background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_open { + background: url('images/2x/icon/dark/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_open { background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; } .ztree li span.button.center_close { + background: url('images/2x/icon/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_close { background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_close { + background: url('images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_close { background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; } .ztree li span.button.bottom_open { + background: url('images/2x/icon/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_open { background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_open { + background: url('images/2x/icon/dark/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_open { background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; } .ztree li span.button.bottom_close { + background: url('images/2x/icon/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_close { background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_close { + background: url('images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_close { background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; } .ztree li span.button.roots_docu { + background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_docu { background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_docu { + background: url('images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_docu { background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; } .ztree li span.button.center_docu { + background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_docu { background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_docu { + background: url('images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_docu { background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; } .ztree li span.button.bottom_docu { + background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_docu { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_docu { + background: url('images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_docu { background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; } .ztree li span.button.ico_loading { + background: url('images/2x/icon/loading.gif') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.ico_loading { background: url('images/1x/icon/loading.gif') no-repeat center center; } .base-line-conn-background { diff --git a/src/less/base/tree/ztree.less b/src/less/base/tree/ztree.less index 5e65dfb63d..195bd8d196 100644 --- a/src/less/base/tree/ztree.less +++ b/src/less/base/tree/ztree.less @@ -83,7 +83,10 @@ .ztree li span { line-height: 24px; - margin-right: 2px + margin-right: 2px; + &.bi-keyword-red-mark { + margin-right: 0px; + } } .ztree li span.button { diff --git a/src/less/resource/background.less b/src/less/resource/background.less index b7b4a68483..56c7a5963f 100644 --- a/src/less/resource/background.less +++ b/src/less/resource/background.less @@ -16,19 +16,46 @@ .bi-display-tree { & .ztree li span.button.switch.center_open { - .imagePath(@icon-tree-vertical-line-3); + .image2xPath(@icon-tree-vertical-line-3); } & .ztree li span.button.switch.roots_open { - .imagePath(@icon-tree-vertical-line-2); + .image2xPath(@icon-tree-vertical-line-2); } & .ztree li span.button.switch.bottom_open { + .image2xPath(@icon-tree-vertical-line-4); + } + + & .ztree.hack li span.button.switch.center_open { + .imagePath(@icon-tree-vertical-line-3); + } + + & .ztree.hack li span.button.switch.roots_open { + .imagePath(@icon-tree-vertical-line-2); + } + + & .ztree.hack li span.button.switch.bottom_open { .imagePath(@icon-tree-vertical-line-4); } } +// 此处不用2倍图，改用css画虚线 +// z-tree的line是一整块子节点区域，所以不能使用background-size: contain +// 使用1倍图太模糊，这边就使用css自己画了，calc属性支持IE9, IE8反正会走hack, 不影响 .ztree li ul.line { + position: relative; + &:before { + position: absolute; + content: ''; + border-left: 1px dashed #D0D4DA; + height: calc(~"100% - 3px"); + left: 12px; + margin-top: 1px; + } +} + +.ztree.hack li ul.line { .imagePath(@icon-tree-vertical-line-1, 0, 1px, repeat-y); } @@ -36,6 +63,9 @@ .ztree li ul.line { .imagePath(@icon-tree-vertical-line-1-theme-dark, 0, 1px, repeat-y); } + .ztree.hack li ul.line { + .imagePath(@icon-tree-vertical-line-1-theme-dark, 0, 1px, repeat-y); + } } .ztree li span.button.chk.checkbox_false_full { @@ -103,115 +133,197 @@ } .ztree li span.button.root_open { + .image2xPath(@icon-tree-expand-type1); +} + +.ztree.hack li span.button.root_open { .imagePath(@icon-tree-expand-type1); } .bi-theme-dark { .ztree li span.button.root_open { + .image2xPath(@icon-tree-expand-type1-theme-dark); + } + .ztree.hack li span.button.root_open { .imagePath(@icon-tree-expand-type1-theme-dark); } } .ztree li span.button.root_close { + .image2xPath(@icon-tree-collapse-type1); +} + +.ztree.hack li span.button.root_close { .imagePath(@icon-tree-collapse-type1); } .bi-theme-dark { .ztree li span.button.root_close { + .image2xPath(@icon-tree-collapse-type1-theme-dark); + } + .ztree.hack li span.button.root_close { .imagePath(@icon-tree-collapse-type1-theme-dark); } } .ztree li span.button.roots_open { + .image2xPath(@icon-tree-expand-type2); +} + +.ztree.hack li span.button.roots_open { .imagePath(@icon-tree-expand-type2); } .bi-theme-dark { .ztree li span.button.roots_open { + .image2xPath(@icon-tree-expand-type2-theme-dark); + } + .ztree.hack li span.button.roots_open { .imagePath(@icon-tree-expand-type2-theme-dark); } } .ztree li span.button.roots_close { + .image2xPath(@icon-tree-collapse-type2); +} + +.ztree.hack li span.button.roots_close { .imagePath(@icon-tree-collapse-type2); } .bi-theme-dark { .ztree li span.button.roots_close { + .image2xPath(@icon-tree-collapse-type2-theme-dark); + } + .ztree.hack li span.button.roots_close { .imagePath(@icon-tree-collapse-type2-theme-dark); } } .ztree li span.button.center_open { + .image2xPath(@icon-tree-expand-type3); +} + +.ztree.hack li span.button.center_open { .imagePath(@icon-tree-expand-type3); } .bi-theme-dark { .ztree li span.button.center_open { + .image2xPath(@icon-tree-expand-type3-theme-dark); + } + .ztree.hack li span.button.center_open { .imagePath(@icon-tree-expand-type3-theme-dark); } } .ztree li span.button.center_close { + .image2xPath(@icon-tree-collapse-type3); +} + +.ztree.hack li span.button.center_close { .imagePath(@icon-tree-collapse-type3); } .bi-theme-dark { .ztree li span.button.center_close { + .image2xPath(@icon-tree-collapse-type3-theme-dark); + } + .ztree.hack li span.button.center_close { .imagePath(@icon-tree-collapse-type3-theme-dark); } } .ztree li span.button.bottom_open { + .image2xPath(@icon-tree-expand-type4); +} + +.ztree.hack li span.button.bottom_open { .imagePath(@icon-tree-expand-type4); } .bi-theme-dark { .ztree li span.button.bottom_open { + .image2xPath(@icon-tree-expand-type4-theme-dark); + } + .ztree.hack li span.button.bottom_open { .imagePath(@icon-tree-expand-type4-theme-dark); } } .ztree li span.button.bottom_close { + .image2xPath(@icon-tree-collapse-type4); +} + +.ztree.hack li span.button.bottom_close { .imagePath(@icon-tree-collapse-type4); } .bi-theme-dark { .ztree li span.button.bottom_close { + .image2xPath(@icon-tree-collapse-type4-theme-dark); + } + .ztree.hack li span.button.bottom_close { .imagePath(@icon-tree-collapse-type4-theme-dark); } } .ztree li span.button.roots_docu { + .image2xPath(@icon-tree-vertical-line-2); +} + +.ztree.hack li span.button.roots_docu { .imagePath(@icon-tree-vertical-line-2); } .bi-theme-dark { .ztree li span.button.roots_docu { + .image2xPath(@icon-tree-vertical-line-2-theme-dark); + } + .ztree.hack li span.button.roots_docu { .imagePath(@icon-tree-vertical-line-2-theme-dark); } } .ztree li span.button.center_docu { + .image2xPath(@icon-tree-vertical-line-3); +} + +.ztree.hack li span.button.center_docu { .imagePath(@icon-tree-vertical-line-3); } .bi-theme-dark { .ztree li span.button.center_docu { + .image2xPath(@icon-tree-vertical-line-3-theme-dark); + } + .ztree.hack li span.button.center_docu { .imagePath(@icon-tree-vertical-line-3-theme-dark); } } .ztree li span.button.bottom_docu { + .image2xPath(@icon-tree-vertical-line-4); +} + +.ztree.hack li span.button.bottom_docu { .imagePath(@icon-tree-vertical-line-4); } .bi-theme-dark { .ztree li span.button.bottom_docu { + .image2xPath(@icon-tree-vertical-line-4-theme-dark); + } + .ztree.hack li span.button.bottom_docu { .imagePath(@icon-tree-vertical-line-4-theme-dark); } } + .ztree li span.button.ico_loading { + .image2xPath(@icon-loading); +} + +.ztree.hack li span.button.ico_loading { .imagePath(@icon-loading); } diff --git a/ui/css/background.css b/ui/css/background.css index 09de0c5a48..430b0e1b08 100644 --- a/ui/css/background.css +++ b/ui/css/background.css @@ -8,20 +8,46 @@ background: url('resources?path=/com/fr/web/ui/images/1x/background/marker.png') no-repeat center center; } .bi-display-tree .ztree li span.button.switch.center_open { - background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.roots_open { - background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; } .bi-display-tree .ztree li span.button.switch.bottom_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-display-tree .ztree.hack li span.button.switch.center_open { + background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.roots_open { + background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; +} +.bi-display-tree .ztree.hack li span.button.switch.bottom_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .ztree li ul.line { + position: relative; +} +.ztree li ul.line:before { + position: absolute; + content: ''; + border-left: 1px dashed #D0D4DA; + height: calc(100% - 3px); + left: 12px; + margin-top: 1px; +} +.ztree.hack li ul.line { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; } .bi-theme-dark .ztree li ul.line { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; } +.bi-theme-dark .ztree.hack li ul.line { + background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; +} .ztree li span.button.chk.checkbox_false_full { background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; @@ -79,72 +105,164 @@ background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; } .ztree li span.button.root_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png') no-repeat center center; } .ztree li span.button.root_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.root_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.root_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; } .ztree li span.button.roots_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png') no-repeat center center; } .ztree li span.button.roots_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; } .ztree li span.button.center_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png') no-repeat center center; } .ztree li span.button.center_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; } .ztree li span.button.bottom_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_open { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_open { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png') no-repeat center center; } .ztree li span.button.bottom_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_close { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_close { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; } .ztree li span.button.roots_docu { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.roots_docu { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_docu { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.roots_docu { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; } .ztree li span.button.center_docu { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.center_docu { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_docu { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.center_docu { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; } .ztree li span.button.bottom_docu { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.bottom_docu { background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_docu { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; + background-size: contain; +} +.bi-theme-dark .ztree.hack li span.button.bottom_docu { background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; } .ztree li span.button.ico_loading { + background: url('resources?path=/com/fr/web/ui/images/2x/icon/loading.gif') no-repeat center center; + background-size: contain; +} +.ztree.hack li span.button.ico_loading { background: url('resources?path=/com/fr/web/ui/images/1x/icon/loading.gif') no-repeat center center; } .base-line-conn-background {