菜单样式更新
This commit is contained in:
@@ -78,8 +78,8 @@ body.swal2-shown {
|
|||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
:root {
|
:root {
|
||||||
--admin-top-nav-bg: #0a1f3f;
|
--admin-top-nav-bg: #0a1f3f;
|
||||||
--admin-side-menu-bg: #1a4674;
|
--admin-side-menu-bg: #0f2c54;
|
||||||
}
|
}
|
||||||
.top-nav.theme1,
|
.top-nav.theme1,
|
||||||
.top-nav.theme2,
|
.top-nav.theme2,
|
||||||
@@ -96,7 +96,9 @@ body.swal2-shown {
|
|||||||
.main-menu.theme4,
|
.main-menu.theme4,
|
||||||
.main-menu.theme5,
|
.main-menu.theme5,
|
||||||
.main-menu.theme6,
|
.main-menu.theme6,
|
||||||
.main-menu.theme7,
|
.main-menu.theme7 {
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
.main-menu.theme1 .menu,
|
.main-menu.theme1 .menu,
|
||||||
.main-menu.theme2 .menu,
|
.main-menu.theme2 .menu,
|
||||||
.main-menu.theme3 .menu,
|
.main-menu.theme3 .menu,
|
||||||
@@ -104,7 +106,8 @@ body.swal2-shown {
|
|||||||
.main-menu.theme5 .menu,
|
.main-menu.theme5 .menu,
|
||||||
.main-menu.theme6 .menu,
|
.main-menu.theme6 .menu,
|
||||||
.main-menu.theme7 .menu {
|
.main-menu.theme7 .menu {
|
||||||
background: var(--admin-side-menu-bg) !important;
|
background: transparent !important;
|
||||||
|
background-image: none !important;
|
||||||
}
|
}
|
||||||
.main-menu .ui.menu .item.separator,
|
.main-menu .ui.menu .item.separator,
|
||||||
.main-menu .ui.menu .sub-items .item.separator {
|
.main-menu .ui.menu .sub-items .item.separator {
|
||||||
@@ -117,6 +120,11 @@ body.swal2-shown {
|
|||||||
}
|
}
|
||||||
.main-menu {
|
.main-menu {
|
||||||
top: 2.6em !important;
|
top: 2.6em !important;
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
|
.main-menu .ui.menu {
|
||||||
|
min-height: 100% !important;
|
||||||
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
.main-menu > .ui.menu > .item:first-child:empty {
|
.main-menu > .ui.menu > .item:first-child:empty {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
|
|||||||
@@ -110,7 +110,7 @@ body.swal2-shown {
|
|||||||
// Menu background colors only
|
// Menu background colors only
|
||||||
:root {
|
:root {
|
||||||
--admin-top-nav-bg: #0a1f3f;
|
--admin-top-nav-bg: #0a1f3f;
|
||||||
--admin-side-menu-bg: #1a4674;
|
--admin-side-menu-bg: #0f2c54;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-nav.theme1,
|
.top-nav.theme1,
|
||||||
@@ -129,7 +129,10 @@ body.swal2-shown {
|
|||||||
.main-menu.theme4,
|
.main-menu.theme4,
|
||||||
.main-menu.theme5,
|
.main-menu.theme5,
|
||||||
.main-menu.theme6,
|
.main-menu.theme6,
|
||||||
.main-menu.theme7,
|
.main-menu.theme7 {
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.main-menu.theme1 .menu,
|
.main-menu.theme1 .menu,
|
||||||
.main-menu.theme2 .menu,
|
.main-menu.theme2 .menu,
|
||||||
.main-menu.theme3 .menu,
|
.main-menu.theme3 .menu,
|
||||||
@@ -137,7 +140,8 @@ body.swal2-shown {
|
|||||||
.main-menu.theme5 .menu,
|
.main-menu.theme5 .menu,
|
||||||
.main-menu.theme6 .menu,
|
.main-menu.theme6 .menu,
|
||||||
.main-menu.theme7 .menu {
|
.main-menu.theme7 .menu {
|
||||||
background: var(--admin-side-menu-bg) !important;
|
background: transparent !important;
|
||||||
|
background-image: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Hide menu separators
|
// Hide menu separators
|
||||||
@@ -154,6 +158,12 @@ body.swal2-shown {
|
|||||||
// Align left menu with top nav and remove leading spacer item
|
// Align left menu with top nav and remove leading spacer item
|
||||||
.main-menu {
|
.main-menu {
|
||||||
top: 2.6em !important;
|
top: 2.6em !important;
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu .ui.menu {
|
||||||
|
min-height: 100% !important;
|
||||||
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-menu > .ui.menu > .item:first-child:empty {
|
.main-menu > .ui.menu > .item:first-child:empty {
|
||||||
|
|||||||
@@ -60,9 +60,10 @@ textarea::-webkit-scrollbar {
|
|||||||
select.dropdown {
|
select.dropdown {
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
/* Menu background colors only */
|
||||||
:root {
|
:root {
|
||||||
--admin-top-nav-bg: #0a1f3f;
|
--admin-top-nav-bg: #0a1f3f;
|
||||||
--admin-side-menu-bg: #1a4674;
|
--admin-side-menu-bg: #0f2c54;
|
||||||
}
|
}
|
||||||
.top-nav,
|
.top-nav,
|
||||||
.top-nav.theme1,
|
.top-nav.theme1,
|
||||||
@@ -81,7 +82,9 @@ select.dropdown {
|
|||||||
.main-menu.theme4,
|
.main-menu.theme4,
|
||||||
.main-menu.theme5,
|
.main-menu.theme5,
|
||||||
.main-menu.theme6,
|
.main-menu.theme6,
|
||||||
.main-menu.theme7,
|
.main-menu.theme7 {
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
.main-menu .menu,
|
.main-menu .menu,
|
||||||
.main-menu.theme1 .menu,
|
.main-menu.theme1 .menu,
|
||||||
.main-menu.theme2 .menu,
|
.main-menu.theme2 .menu,
|
||||||
@@ -90,7 +93,13 @@ select.dropdown {
|
|||||||
.main-menu.theme5 .menu,
|
.main-menu.theme5 .menu,
|
||||||
.main-menu.theme6 .menu,
|
.main-menu.theme6 .menu,
|
||||||
.main-menu.theme7 .menu {
|
.main-menu.theme7 .menu {
|
||||||
background: var(--admin-side-menu-bg) !important;
|
background: transparent !important;
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
.main-menu .ui.menu .item,
|
||||||
|
.main-menu .ui.menu .sub-items,
|
||||||
|
.main-menu .ui.menu .sub-items .item {
|
||||||
|
background: transparent !important;
|
||||||
}
|
}
|
||||||
.main-menu .ui.menu .item.separator,
|
.main-menu .ui.menu .item.separator,
|
||||||
.main-menu .ui.menu .sub-items .item.separator {
|
.main-menu .ui.menu .sub-items .item.separator {
|
||||||
@@ -103,6 +112,11 @@ select.dropdown {
|
|||||||
}
|
}
|
||||||
.main-menu {
|
.main-menu {
|
||||||
top: 2.6em !important;
|
top: 2.6em !important;
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
|
.main-menu .ui.menu {
|
||||||
|
min-height: 100% !important;
|
||||||
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
.main-menu > .ui.menu > .item:first-child:empty {
|
.main-menu > .ui.menu > .item:first-child:empty {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
|
|||||||
@@ -79,10 +79,10 @@ select.dropdown {
|
|||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Menu background colors and separator cleanup
|
// Menu background colors only
|
||||||
:root {
|
:root {
|
||||||
--admin-top-nav-bg: #0a1f3f;
|
--admin-top-nav-bg: #0a1f3f;
|
||||||
--admin-side-menu-bg: #1a4674;
|
--admin-side-menu-bg: #0f2c54;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-nav,
|
.top-nav,
|
||||||
@@ -103,7 +103,10 @@ select.dropdown {
|
|||||||
.main-menu.theme4,
|
.main-menu.theme4,
|
||||||
.main-menu.theme5,
|
.main-menu.theme5,
|
||||||
.main-menu.theme6,
|
.main-menu.theme6,
|
||||||
.main-menu.theme7,
|
.main-menu.theme7 {
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.main-menu .menu,
|
.main-menu .menu,
|
||||||
.main-menu.theme1 .menu,
|
.main-menu.theme1 .menu,
|
||||||
.main-menu.theme2 .menu,
|
.main-menu.theme2 .menu,
|
||||||
@@ -112,9 +115,18 @@ select.dropdown {
|
|||||||
.main-menu.theme5 .menu,
|
.main-menu.theme5 .menu,
|
||||||
.main-menu.theme6 .menu,
|
.main-menu.theme6 .menu,
|
||||||
.main-menu.theme7 .menu {
|
.main-menu.theme7 .menu {
|
||||||
background: var(--admin-side-menu-bg) !important;
|
background: transparent !important;
|
||||||
|
background-image: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Keep menu items transparent for unified menu background
|
||||||
|
.main-menu .ui.menu .item,
|
||||||
|
.main-menu .ui.menu .sub-items,
|
||||||
|
.main-menu .ui.menu .sub-items .item {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide menu separators
|
||||||
.main-menu .ui.menu .item.separator,
|
.main-menu .ui.menu .item.separator,
|
||||||
.main-menu .ui.menu .sub-items .item.separator {
|
.main-menu .ui.menu .sub-items .item.separator {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
@@ -128,6 +140,12 @@ select.dropdown {
|
|||||||
// Align left menu with top nav and remove leading spacer item
|
// Align left menu with top nav and remove leading spacer item
|
||||||
.main-menu {
|
.main-menu {
|
||||||
top: 2.6em !important;
|
top: 2.6em !important;
|
||||||
|
background: var(--admin-side-menu-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu .ui.menu {
|
||||||
|
min-height: 100% !important;
|
||||||
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-menu > .ui.menu > .item:first-child:empty {
|
.main-menu > .ui.menu > .item:first-child:empty {
|
||||||
|
|||||||
Reference in New Issue
Block a user