Files
htwkalender-pwa/frontend/public/primevue-sass-theme/theme-base/components/menu/_contextmenu.scss
2024-06-10 10:50:27 +02:00

84 lines
1.4 KiB
SCSS

// core
.p-contextmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.p-contextmenu .p-submenu-list {
position: absolute;
min-width: 100%;
z-index: 1;
}
.p-contextmenu .p-menuitem-link {
cursor: pointer;
display: flex;
align-items: center;
text-decoration: none;
overflow: hidden;
position: relative;
}
.p-contextmenu .p-menuitem-text {
line-height: 1;
}
.p-contextmenu .p-menuitem {
position: relative;
}
.p-contextmenu .p-menuitem-link .p-submenu-icon {
margin-left: auto;
}
.p-contextmenu-enter-from,
.p-contextmenu-leave-active {
opacity: 0;
}
.p-contextmenu-enter-active {
transition: opacity 250ms;
}
// theme
.p-contextmenu {
padding: $verticalMenuPadding;
background: $overlayMenuBg;
color: $menuTextColor;
border: $overlayMenuBorder;
box-shadow: $overlayMenuShadow;
border-radius: $borderRadius;
min-width: $menuWidth;
.p-contextmenu-root-list {
outline: 0 none;
}
.p-submenu-list {
padding: $verticalMenuPadding;
background: $overlayMenuBg;
border: $overlayMenuBorder;
box-shadow: $overlayMenuShadow;
border-radius: $borderRadius;
}
.p-menuitem {
@include menuitem();
}
.p-menuitem-separator {
border-top: $divider;
margin: $menuSeparatorMargin;
}
.p-submenu-icon {
font-size: $menuitemSubmenuIconFontSize;
&.p-icon {
width: $menuitemSubmenuIconFontSize;
height: $menuitemSubmenuIconFontSize;
}
}
}