48 lines
1.1 KiB
CSS
48 lines
1.1 KiB
CSS
.p-panelmenu-panel{
|
|
border: none !important;
|
|
border-width: 0 !important;
|
|
padding: 0 !important;
|
|
background: none !important;
|
|
}
|
|
.p-panelmenu-panel :hover{
|
|
background: none !important;
|
|
}
|
|
.p-panelmenu{
|
|
margin-top: 1rem !important;
|
|
.p-panelmenu-header{
|
|
border: none !important;
|
|
border-width: 0 !important;
|
|
position: relative;
|
|
}
|
|
.p-panelmenu-content{
|
|
border: none !important;
|
|
border-width: 0 !important;
|
|
}
|
|
}
|
|
.p-panelmenu .p-panelmenu-header .active:before{
|
|
content: "" !important;
|
|
width: .23rem;
|
|
height: 100%;
|
|
transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
position: absolute;
|
|
top: 0;
|
|
border-top-right-radius: 1rem;
|
|
border-bottom-right-radius: 1rem;
|
|
right: 0;
|
|
@apply bg-dominant-500;
|
|
transform: scaleY(0);
|
|
transform-origin: center;
|
|
animation: slideIn 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
|
|
}
|
|
|
|
@keyframes slideIn {
|
|
0% {
|
|
transform: scaleY(0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: scaleY(1);
|
|
opacity: 1;
|
|
}
|
|
}
|