AlxMedia/gridzone
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/gridzone.git synced 2025-08-27 01:40:13 +08:00
Code Issues Projects Packages Wiki Activity Actions

Menu styling fixes

Browse source
This commit is contained in:
Alexander Agnarson 2020-05-17 17:22:05 +02:00
parent 90357c9888
commit 5b0ca1f578
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
dark.css
View file

@ -264,6 +264,7 @@ h1, h2, h3, h4, h5, h6,
* Section: Navigation
/* ------------------------------------------------------------------------- */
/* desktop */
.nav-menu .svg-icon { fill: #fff; }
.nav-menu:not(.mobile) .menu ul { background: #fff; }
.nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #fff; }
.nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #fff; }
@ -292,12 +293,13 @@ h1, h2, h3, h4, h5, h6,
/* mobile */
.nav-menu.mobile button.active .svg-icon { fill: #fff; }
.nav-menu.mobile ul ul { background: #303030; }
.nav-menu.mobile ul ul { background: #2b2b2b; }
.nav-menu.mobile ul li .menu-item-wrapper { border-bottom: 1px solid #3a3a3a; }
.nav-menu.mobile > div > ul > li:first-child .menu-item-wrapper { border-top: 1px solid #3a3a3a; }
.nav-menu.mobile ul li a { color: #fff; }
.nav-menu.mobile ul button { border-left: 1px solid #3a3a3a; }
.nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: 1px solid #3a3a3a; }
.nav-menu.mobile ul ul button { border-left: 1px solid #3a3a3a; }
.menu-toggle-icon span { background: #fff; }
/* search */

6
style.css
View file

@ -787,7 +787,7 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
/* menu styling */
.nav-menu a { color: #fff; }
.nav-menu .svg-icon { fill: #999; }
.nav-menu .svg-icon { fill: #333; }
.nav-menu:not(.mobile) .menu ul { background: #333; color: #fff; border-radius: 4px; }
.nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #333; }
.nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #333; }
@ -801,7 +801,7 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.nav-menu:not(.mobile) ul ul a { color: #eee; }
.nav-menu:not(.mobile) button { background: none; color: #666; padding: 0 4px; margin-left: 2px; border-radius: 4px; }
.nav-menu:not(.mobile) button.active { background: #eee; color: #333; }
.nav-menu:not(.mobile) button .svg-icon { fill: #aaa; }
.nav-menu:not(.mobile) button .svg-icon { fill: #bbb; }
.nav-menu:not(.mobile) ul ul button { background: none; color: #eee; padding: 0 5px; margin: 0 10px 0 0; }
.nav-menu:not(.mobile) ul ul button.active { background: #444; color: #eee; }
.nav-menu:not(.mobile) ul ul button .svg-icon { transform: rotate(-90deg); }
@ -820,9 +820,11 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.nav-menu.mobile button.active .svg-icon { fill: #333; }
.nav-menu.mobile ul ul { background: #f5f5f5; }
.nav-menu.mobile ul li .menu-item-wrapper { border-bottom: 1px solid #eee; }
.nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: 1px solid #e5e5e5; }
.nav-menu.mobile > div > ul > li:first-child .menu-item-wrapper { border-top: 1px solid #eee; }
.nav-menu.mobile ul li a { color: #333; }
.nav-menu.mobile ul button { border-left: 1px solid #eee; }
.nav-menu.mobile ul ul button { border-left: 1px solid #e5e5e5; }
/* ------------------------------------------------------------------------- *