74 lines
1.6 KiB
CSS
74 lines
1.6 KiB
CSS
/* Menu Override styles */
|
|
.pro-sidebar {
|
|
z-index: 1;
|
|
}
|
|
.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,
|
|
.pro-sidebar
|
|
.pro-menu
|
|
.pro-menu-item
|
|
> .pro-inner-item:hover
|
|
.pro-icon-wrapper
|
|
.pro-icon {
|
|
color: var(--colors-utilityTextDefault);
|
|
}
|
|
|
|
.pro-sidebar .pro-menu .pro-menu-item {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.pro-menu .pro-menu-item > .pro-inner-item {
|
|
padding: 5px 20px;
|
|
}
|
|
|
|
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu:before {
|
|
content: '';
|
|
display: block;
|
|
width: 90%;
|
|
border: 0.5px solid var(--colors-grayBg);
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.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,
|
|
.pro-sidebar .pro-menu a:hover,
|
|
.pro-sidebar .pro-menu .pro-menu-item:hover:not(.pro-sub-menu) {
|
|
background-color: var(--colors-libraryActiveMenuItem);
|
|
width: 95%;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.pro-sidebar
|
|
.pro-menu
|
|
.pro-menu-item
|
|
> .pro-inner-item:hover
|
|
.pro-icon-wrapper
|
|
.pro-icon {
|
|
animation-play-state: paused;
|
|
}
|
|
|
|
.pro-sidebar
|
|
.pro-menu
|
|
.pro-menu-item.pro-sub-menu
|
|
> .pro-inner-item
|
|
> .pro-arrow-wrapper
|
|
.pro-arrow {
|
|
border-width: 0 1px 1px 0;
|
|
border-color: var(--colors-textSubtle);
|
|
}
|