]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-main/misc/list-overflow.component.scss
Move to sass module
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / misc / list-overflow.component.scss
1 @use '_variables' as *;
2 @use '_mixins' as *;
3
4 :host {
5 width: 100%;
6 }
7
8 .list-overflow-parent {
9 overflow: hidden;
10 }
11
12 .list-overflow-menu {
13 position: absolute;
14 right: 25px;
15 }
16
17 button {
18 width: 30px;
19 border: 0;
20
21 &::after {
22 display: none;
23 }
24
25 &.route-active {
26 &::after {
27 display: inherit;
28 border: 2px solid pvar(--mainColor);
29 position: relative;
30 right: 95%;
31 top: 50%;
32 }
33 }
34 }
35
36 ::ng-deep .dropdown-menu {
37 margin-top: 0 !important;
38 position: static;
39 right: auto;
40 bottom: auto;
41 }
42
43 .modal-body {
44 a {
45 @include disable-default-a-behaviour;
46
47 color: currentColor;
48 box-sizing: border-box;
49 display: block;
50 font-size: 1.2rem;
51 padding: 9px 12px;
52 text-align: initial;
53 text-transform: unset;
54 width: 100%;
55
56 &.active {
57 color: pvar(--mainBackgroundColor) !important;
58 background-color: pvar(--mainHoverColor);
59 opacity: .9;
60 }
61 }
62 }