]>
Commit | Line | Data |
---|---|---|
1 | .title-page-container { | |
2 | display: flex; | |
3 | justify-content: space-between; | |
4 | align-items: baseline; | |
5 | margin-bottom: 25px; | |
6 | flex-wrap: wrap-reverse; | |
7 | ||
8 | .title-page.active, .title-page.title-page-single { | |
9 | margin-bottom: unset; | |
10 | margin-right: .5rem !important; | |
11 | } | |
12 | } | |
13 | ||
14 | .title-page-autoplay { | |
15 | display: flex; | |
16 | width: max-content; | |
17 | height: max-content; | |
18 | align-items: center; | |
19 | margin-left: auto; | |
20 | ||
21 | span { | |
22 | margin-right: 0.3rem; | |
23 | text-transform: uppercase; | |
24 | font-size: 85%; | |
25 | font-weight: 600; | |
26 | } | |
27 | } | |
28 | ||
29 | /* p-inputSwitch styles to reduce the switch size */ | |
30 | ||
31 | ::ng-deep { | |
32 | p-inputswitch { | |
33 | height: 20px; | |
34 | } | |
35 | ||
36 | .ui-inputswitch { | |
37 | width: 2.5em !important; | |
38 | height: 1.45em !important; | |
39 | ||
40 | .ui-inputswitch-slider::before { | |
41 | height: 1em !important; | |
42 | width: 1em !important; | |
43 | } | |
44 | } | |
45 | ||
46 | .ui-inputswitch-checked .ui-inputswitch-slider::before { | |
47 | transform: translateX(1em) !important; | |
48 | } | |
49 | } |