优化树结构图标间距字体等

This commit is contained in:
thinkgem
2022-02-22 14:22:57 +08:00
parent 6655214eb2
commit 21579f705a

View File

@@ -1,5 +1,5 @@
/*-------------------------------------
zTree Style 3.4 author:Hunter.z、ThinkGem
zTree Style 3.4 author: Hunter.z、ThinkGem
-------------------------------------*/
.ztree * {padding:0;margin:0;}
@@ -44,12 +44,12 @@ ul.ztree.zTreeDragUL {margin:0;padding:0;position:absolute;width:auto;height:aut
/* 字体图标风格 */
.ztree * {box-sizing:content-box;}
.ztree li li {padding-left:9px;}
.ztree li ul.line {content:"";border-left:1px dotted #aaa;top:0px;left:0px;margin-top:0;padding-top:2px;}
/* .ztree li ul.line {content:"";border-left:1px dotted #aaa;top:0px;left:0px;margin-top:0;padding-top:2px;} */
.ztree li ul {position:relative;background:none;margin-left:9px;padding-left:0;}
.ztree li ul.line {background:none;}
.ztree li .noline_open + a + ul:before {border-left:none;}
.ztree li .noline_open + a + ul li:before {border-top:none;}
.ztree li a {height:26px;line-height:26px;padding-left:3px;}
.ztree li a {height:26px;line-height:25px;padding-left:3px;}
.ztree li span {height:26px;margin-left:6px;}
.ztree li span.node_name {margin-right:6px;}
.ztree li span.button.switch,
@@ -61,33 +61,38 @@ ul.ztree.zTreeDragUL {margin:0;padding:0;position:absolute;width:auto;height:aut
.ztree li a span.button[style="width:0px;height:0px;"]:before,
.ztree li a span.button[style^="background"]:before {content:"";}
.ztree li span.button.roots_docu, .ztree li span.button.center_docu, .ztree li span.button.bottom_docu {position:relative;height:24px;padding:0;}
.ztree li span.button.roots_docu:before {content:"";display:block;width:18px;height:11px;border-left:1px dotted #aaa;position:absolute;top:12px;left:11px;}
.ztree li span.button.roots_docu:after {content:"";display:block;width:7px;height:0;border-top:1px dotted #aaa;position:absolute;top:12px;left:11px;}
.ztree li span.button.center_docu:before {content:"";display:block;width:0;height:31px;border-left:1px dotted #aaa;position:absolute;top:-5px;left:11px;}
.ztree li span.button.center_docu:after {content:"";display:block;width:7px;height:0;border-top:1px dotted #aaa;position:absolute;top:12px;left:12px;}
.ztree li span.button.bottom_docu:before {content:"";display:block;width:0;height:16px;border-left:1px dotted #aaa;position:absolute;top:-5px;left:11px;}
.ztree li span.button.bottom_docu:after {content:"";display:block;width:7px;height:0;border-top:1px dotted #aaa;position:absolute;top:12px;left:11px;}
/* .ztree li span.button.roots_docu:before {content:"";display:block;width:18px;height:11px;border-left:1px dotted #aaa;position:absolute;top:12px;left:11px;} */
/* .ztree li span.button.roots_docu:after {content:"";display:block;width:7px;height:0;border-top:1px dotted #aaa;position:absolute;top:12px;left:11px;} */
/* .ztree li span.button.center_docu:before {content:"";display:block;width:0;height:31px;border-left:1px dotted #aaa;position:absolute;top:-5px;left:11px;} */
/* .ztree li span.button.center_docu:after {content:"";display:block;width:7px;height:0;border-top:1px dotted #aaa;position:absolute;top:12px;left:12px;} */
/* .ztree li span.button.bottom_docu:before {content:"";display:block;width:0;height:16px;border-left:1px dotted #aaa;position:absolute;top:-5px;left:11px;} */
/* .ztree li span.button.bottom_docu:after {content:"";display:block;width:7px;height:0;border-top:1px dotted #aaa;position:absolute;top:12px;left:11px;} */
.ztree li span.button:before {display:block;text-align:left;padding-left:2px;color:#666;line-height:16px;}
.ztree li span.button.root_open:before,
.ztree li span.button.roots_open:before,
.ztree li span.button.center_open:before,
.ztree li span.button.bottom_open:before,
.ztree li span.button.noline_open:before {content:"\f147";line-height:19px;}
.ztree li span.button.noline_open:before,
.ztree li span.button.root_close:before,
.ztree li span.button.roots_close:before,
.ztree li span.button.center_close:before,
.ztree li span.button.bottom_close:before,
.ztree li span.button.noline_close:before {content:"\f196";line-height:19px;}
.ztree li span.button.noline_close:before {content:"\f0da";position:absolute;top:1px;left:3px;transition:transform 0.3s;transform:scale(0.83333333) rotate(0deg);}
.ztree li span.button.root_open:before,
.ztree li span.button.roots_open:before,
.ztree li span.button.center_open:before,
.ztree li span.button.bottom_open:before,
.ztree li span.button.noline_open:before {transform:scale(0.83333333) rotate(90deg);}
.ztree li span.button.chk.checkbox_true_full:before,
.ztree li span.button.chk.checkbox_true_disable:before,
.ztree li span.button.chk.checkbox_true_full_focus:before {content:"\f046";}
.ztree li span.button.chk.checkbox_true_full_focus:before {content:"\f046";line-height:19px;}
.ztree li span.button.chk.checkbox_false_full:before,
.ztree li span.button.chk.checkbox_false_disable:before,
.ztree li span.button.chk.checkbox_false_full_focus:before {content:"\f096";}
.ztree li span.button.chk.checkbox_false_full_focus:before {content:"\f096";line-height:19px;}
.ztree li span.button.chk.checkbox_true_part:before,
.ztree li span.button.chk.checkbox_true_part_focus:before {content:"\f14a";}
.ztree li span.button.chk.checkbox_true_part_focus:before {content:"\f14a";line-height:19px;}
.ztree li span.button.chk.checkbox_false_part:before,
.ztree li span.button.chk.checkbox_false_part_focus:before {content:"\f096";}
.ztree li span.button.chk.checkbox_false_part_focus:before {content:"\f096";line-height:19px;}
.ztree li span.button.chk.radio_true_full:before,
.ztree li span.button.chk.radio_true_disable:before,
.ztree li span.button.chk.radio_true_full_focus:before {content:"\f05d";}