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

Take some emphasis off the inactive main menu items 

NB: The "wizard" CMS icon doesn't seem to like font size 28px, but all other icons appear to render cleanly at this size.
This commit is contained in:
Samuel Georges 2015-09-26 08:10:25 +10:00
parent 863bac86fe
commit 6e1194784a
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -656,6 +656,8 @@ nav#layout-mainmenu.navbar ul li a,nav#layout-mainmenu .menu-toggle,.mainmenu-co
nav#layout-mainmenu.navbar ul li a:hover,nav#layout-mainmenu .menu-toggle:hover,.mainmenu-collapsed li a:hover{background-color:transparent !important}
nav#layout-mainmenu.navbar ul li a:active,nav#layout-mainmenu .menu-toggle:active,.mainmenu-collapsed li a:active,nav#layout-mainmenu.navbar ul li a:focus,nav#layout-mainmenu .menu-toggle:focus,.mainmenu-collapsed li a:focus{text-decoration:none;color:#555555}
nav#layout-mainmenu.navbar ul li a i,nav#layout-mainmenu .menu-toggle i,.mainmenu-collapsed li a i{line-height:1;font-size:35px;vertical-align:middle;margin-right:10px}
nav#layout-mainmenu.navbar ul li a i{font-size:28px}
nav#layout-mainmenu.navbar ul li.active a i{font-size:35px}
.mainmenu-collapsed li a i{width:40px;text-align:left;display:inline-block}
nav#layout-mainmenu.navbar ul li:hover a:active,.mainmenu-collapsed li:hover a:active,nav#layout-mainmenu.navbar ul li:hover a:focus,.mainmenu-collapsed li:hover a:focus{color:#ffffff !important}
.touch .mainmenu-collapsed li a:hover{color:#555555}

21
modules/backend/assets/less/layout/mainmenu.less
View File

@ -83,7 +83,9 @@ nav#layout-mainmenu.navbar {
.toolbar-item {
padding-right: 0;
&:before, &:after { margin-top: 0; }
&:before, &:after {
margin-top: 0;
}
&:before { left: -12px; }
&:after { right: -12px; }
@ -173,6 +175,15 @@ nav#layout-mainmenu .menu-toggle,
}
}
nav#layout-mainmenu.navbar ul li {
a {
i { font-size: 28px; }
}
&.active a {
i { font-size: 35px; }
}
}
.mainmenu-collapsed li a i {
width: 40px;
text-align: left;
@ -188,7 +199,9 @@ nav#layout-mainmenu.navbar ul li:hover,
}
}
.touch .mainmenu-collapsed li a:hover {color: @color-mainmenu-inactive;}
.touch .mainmenu-collapsed li a:hover {
color: @color-mainmenu-inactive;
}
nav#layout-mainmenu.navbar ul li,
.mainmenu-collapsed li {
@ -196,7 +209,9 @@ nav#layout-mainmenu.navbar ul li,
color: @color-mainmenu-active !important;
font-weight: 600;
a {color: @color-mainmenu-active !important;}
a {
color: @color-mainmenu-active !important;
}
}
&:hover {