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