TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor improvements in the back-end control styling

This commit is contained in:
alekseybobkov 2015-11-15 15:18:15 -08:00
parent 67590fefad
commit e7a51a75f4
4 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
modules/backend/assets/css/october.css
View File

@ -228,6 +228,10 @@
.control-filelist.hero ul li > div.controls > a.control{width:16px;height:23px;background:transparent;overflow:hidden;display:inline-block;color:#ffffff !important;padding:0}
.control-filelist.hero ul li > div.controls > a.control:before{font-size:17px}
.control-filelist.hero ul li:hover > div.controls{display:block}
.control-filelist.hero ul li.separator{position:relative;border-bottom:1px solid #95a5a6;padding:17px 15px 18px 15px}
.control-filelist.hero ul li.separator:before{z-index:31;content:'';display:block;width:0;height:0;border-left:9.5px solid transparent;border-right:9.5px solid transparent;border-top:11px solid #ffffff;border-bottom-width:0;position:absolute;left:13px;bottom:-8px}
.control-filelist.hero ul li.separator:after{z-index:30;content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-top:9px solid #95a5a6;border-bottom-width:0;position:absolute;left:14px;bottom:-9px}
.control-filelist.hero ul li.separator h5{color:#2b3e50;font-size:15px;margin:0;font-weight:600;padding:0}
.control-filelist.hero ul > li.group > ul > li > a{padding-left:66px}
.control-filelist.hero.single-level ul li:hover{background:#58b6f7}
.control-filelist.hero.single-level ul li:hover > a{background:#58b6f7;border-bottom:1px solid #58b6f7 !important}

30
modules/backend/assets/less/controls/filelist.less
View File

@ -336,6 +336,36 @@
&:hover > div.controls {
display: block;
}
&.separator {
position: relative;
border-bottom: 1px solid #95a5a6;
padding: 17px 15px 18px 15px;
&:before {
z-index: 31;
.triangle(down, 19px, 11px, white);
position: absolute;
left: 13px;
bottom: -8px;
}
&:after {
z-index: 30;
.triangle(down, 17px, 9px, #95a5a6);
position: absolute;
left: 14px;
bottom: -9px;
}
h5 {
color: #2b3e50;
font-size: 15px;
margin: 0;
font-weight: 600;
padding: 0;
}
}
}
> li.group {

9
modules/system/assets/ui/less/popover.less
View File

@ -237,6 +237,10 @@ div.control-popover {
background-color: @color-popover-danger-bg;
}
}
div.popover-fixed-height {
height: 300px;
}
}
.popover-highlight {
@ -285,6 +289,11 @@ div.popover-overlay {
}
}
div.popover-fixed-height {
height: 100%;
min-height: 100%;
}
.popover-head:before {
display: none;
}

2
modules/system/assets/ui/storm.css
View File

@ -1222,6 +1222,7 @@ div.control-popover.popover-danger.placement-top > div:after{content:'';display:
div.control-popover.popover-danger.placement-left > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-left:8px solid #ab2a1c}
div.control-popover.popover-danger.placement-right > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-right:8px solid #ab2a1c}
div.control-popover.popover-danger .popover-head{background-color:#ab2a1c}
div.control-popover div.popover-fixed-height{height:300px}
.popover-highlight{position:relative;z-index:562 !important}
.popover-highlight:hover,.popover-highlight:active,.popover-highlight:focus{z-index:562 !important}
div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:560}
@ -1229,6 +1230,7 @@ div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba
body.popover-open .control-popover{overflow:auto;overflow-y:scroll;position:fixed;margin:0;padding:10px;width:100% !important;z-index:609;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important}
body.popover-open .control-popover > div{padding:0;min-height:100%;-webkit-box-shadow:none;box-shadow:none}
body.popover-open .control-popover > div:before,body.popover-open .control-popover > div:after{display:none}
body.popover-open .control-popover div.popover-fixed-height{height:100%;min-height:100%}
body.popover-open .control-popover .popover-head:before{display:none}
}
.control-breadcrumb{font-size:12px;text-transform:uppercase;padding:15px 20px;margin:-20px -20px 20px -20px;background-color:#2b343d}