yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-05 10:49:28 +02:00
Code Issues Releases Wiki Activity

Add ListOverflow component to prevent sub-menu overflow

Browse source
This commit is contained in:
Rigel Kent 2020-02-05 20:54:37 +01:00 • committed by Chocobozzz
parent eb7c7a5179
commit 24e7916c68
26 changed files with 283 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

61
client/src/app/shared/misc/list-overflow.component.scss Normal file
View file

@ -0,0 +1,61 @@
@import '_mixins';
:host {
width: 100%;
}
.list-overflow-parent {
overflow: hidden;
}
.list-overflow-menu {
position: absolute;
right: 0;
}
button {
width: 30px;
border: none;
&::after {
display: none;
}
&.routeActive {
&::after {
display: inherit;
border: 2px solid var(--mainColor);
position: relative;
right: 95%;
top: 50%;
}
}
}
::ng-deep .dropdown-menu {
margin-top: 0 !important;
position: static;
right: auto;
bottom: auto
}
.modal-body {
a {
@include disable-default-a-behaviour;
color: currentColor;
box-sizing: border-box;
display: block;
font-size: 1.2rem;
padding: 9px 12px;
text-align: initial;
text-transform: unset;
width: 100%;
&.active {
color: var(--mainBackgroundColor) !important;
background-color: var(--mainHoverColor);
opacity: .9;
}
}
}