]>
Commit | Line | Data |
---|---|---|
d816f3a0 | 1 | .title-page-container { |
5def76eb | 2 | display: flex; |
d816f3a0 | 3 | justify-content: space-between; |
5def76eb | 4 | align-items: baseline; |
d816f3a0 | 5 | margin-bottom: 25px; |
5def76eb | 6 | flex-wrap: wrap-reverse; |
d816f3a0 RK |
7 | |
8 | .title-page.active, .title-page.title-page-single { | |
9 | margin-bottom: unset; | |
5def76eb | 10 | margin-right: .5rem !important; |
d816f3a0 RK |
11 | } |
12 | } | |
13 | ||
14 | .title-page-autoplay { | |
5def76eb | 15 | display: flex; |
d816f3a0 RK |
16 | width: max-content; |
17 | height: max-content; | |
18 | align-items: center; | |
5def76eb | 19 | margin-left: auto; |
d816f3a0 RK |
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 | } |