prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding background color to active item and cleaning up

Browse source
This commit is contained in:
Rupin Khandelwal 2022-08-15 18:46:29 -05:00
parent 28c7d7be90
commit 42ee36d8d9
1 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
packages/web/styles/menu.css
View file

@ -1,30 +1,32 @@
/* Menu Override styles */
.pro-sidebar > .pro-sidebar-inner, .pro-sidebar .pro-menu a {
background-color: var(--colors-libraryBackground);
color: var(--colors-utilityTextDefault);
}
.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item {
color: var(--colors-utilityTextDefault);
.pro-sidebar > .pro-sidebar-inner,
.pro-menu,
.pro-menu > ul > .pro-sub-menu > .pro-inner-list-item,
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
background-color: var(--colors-libraryBackground);
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item,
.pro-sidebar .pro-menu-item .pro-sub-menu .pro-inner-item,
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content,
.pro-sidebar .pro-menu a,
.pro-sidebar .pro-menu a:hover {
color: var(--colors-utilityTextDefault);
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
padding: 8px 20px 3px 20px;
.pro-menu .pro-menu-item > .pro-inner-item {
padding: 5px 20px;
}
/* .pro-sidebar .pro-menu .active > .pro-inner-item {
background-color: #F8F8F8;
border-radius: 8px;
} */
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
width: 20px;
min-width: 0;
height: 25px;
}
.pro-sidebar .pro-menu .pro-menu-item.active {
background-color: var(--colors-libraryActiveMenuItem);
width: 90%;
border-radius: 5px;
}