PeerTube/client/src/app/shared/shared-main/menu/list-overflow.component.scss

58 lines
879 B
SCSS

@use '_variables' as *;
@use '_mixins' as *;
:host {
width: 100%;
}
.list-overflow-parent {
display: flex;
align-items: center;
// For the menu icon
position: relative;
max-width: calc(100vw - 30px);
}
.list-overflow-menu {
position: absolute;
right: 0;
}
button {
&::after {
display: none;
}
&.route-active {
&::after {
display: inherit;
border: 2px solid pvar(--mainColor);
position: relative;
right: 95%;
top: 50%;
}
}
}
.modal-body {
a {
color: currentColor;
box-sizing: border-box;
display: block;
font-size: 1.2rem;
padding: 9px 12px;
text-align: initial;
text-transform: unset;
width: 100%;
@include disable-default-a-behaviour;
&.active {
color: pvar(--bg) !important;
background-color: pvar(--mainHoverColor);
opacity: .9;
}
}
}