]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
24e7916c RK |
3 | |
4 | :host { | |
5 | width: 100%; | |
6 | } | |
7 | ||
8 | .list-overflow-parent { | |
9 | overflow: hidden; | |
60d36013 C |
10 | display: flex; |
11 | // For the menu icon | |
12 | max-width: calc(100vw - 30px); | |
24e7916c RK |
13 | } |
14 | ||
15 | .list-overflow-menu { | |
16 | position: absolute; | |
71e75ef2 | 17 | right: 25px; |
24e7916c RK |
18 | } |
19 | ||
20 | button { | |
21 | width: 30px; | |
931d3430 | 22 | border: 0; |
24e7916c RK |
23 | |
24 | &::after { | |
25 | display: none; | |
26 | } | |
27 | ||
931d3430 | 28 | &.route-active { |
24e7916c RK |
29 | &::after { |
30 | display: inherit; | |
e66883b3 | 31 | border: 2px solid pvar(--mainColor); |
24e7916c RK |
32 | position: relative; |
33 | right: 95%; | |
34 | top: 50%; | |
35 | } | |
36 | } | |
37 | } | |
38 | ||
39 | ::ng-deep .dropdown-menu { | |
40 | margin-top: 0 !important; | |
41 | position: static; | |
42 | right: auto; | |
931d3430 | 43 | bottom: auto; |
24e7916c RK |
44 | } |
45 | ||
46 | .modal-body { | |
47 | a { | |
48 | @include disable-default-a-behaviour; | |
49 | ||
50 | color: currentColor; | |
51 | box-sizing: border-box; | |
52 | display: block; | |
53 | font-size: 1.2rem; | |
54 | padding: 9px 12px; | |
55 | text-align: initial; | |
56 | text-transform: unset; | |
57 | width: 100%; | |
58 | ||
59 | &.active { | |
e66883b3 RK |
60 | color: pvar(--mainBackgroundColor) !important; |
61 | background-color: pvar(--mainHoverColor); | |
24e7916c RK |
62 | opacity: .9; |
63 | } | |
64 | } | |
65 | } |