]>
Commit | Line | Data |
---|---|---|
6f02515e RK |
1 | // Bootstrap grid utilities require functions, variables and mixins |
2 | @import 'node_modules/bootstrap/scss/functions'; | |
3 | @import 'node_modules/bootstrap/scss/variables'; | |
4 | @import 'node_modules/bootstrap/scss/mixins'; | |
5 | @import 'node_modules/bootstrap/scss/grid'; | |
6 | ||
7 | @import 'variables'; | |
8 | @import 'mixins'; | |
63c4db6d | 9 | |
7294aab0 C |
10 | label, |
11 | my-dynamic-form-field ::ng-deep label { | |
a6d5ff76 RK |
12 | font-weight: $font-regular; |
13 | font-size: 100%; | |
14 | } | |
15 | ||
15a7387d C |
16 | .peertube-select-container { |
17 | @include peertube-select-container(auto); | |
18 | } | |
19 | ||
2ba5ac33 | 20 | .title-page a { |
e66883b3 | 21 | color: pvar(--mainForegroundColor); |
2ba5ac33 RK |
22 | |
23 | &:hover { | |
24 | text-decoration: none; | |
25 | opacity: .8; | |
26 | } | |
27 | } | |
28 | ||
017c3dca C |
29 | my-peertube-checkbox { |
30 | display: block; | |
31 | margin-bottom: 1rem; | |
32 | } | |
33 | ||
45c6bcf3 C |
34 | .nav-tabs { |
35 | margin-bottom: 15px; | |
36 | } | |
37 | ||
4cc66133 C |
38 | .video-edit { |
39 | height: 100%; | |
40e87e9e | 40 | min-height: 300px; |
4cc66133 C |
41 | |
42 | .form-group { | |
43 | margin-bottom: 25px; | |
44 | } | |
45 | ||
46 | input { | |
47 | @include peertube-input-text(100%); | |
48 | display: block; | |
4cc66133 C |
49 | } |
50 | ||
cb9244de C |
51 | .label-tags + span { |
52 | font-size: 15px; | |
53 | } | |
6de36768 | 54 | |
07fa4c97 C |
55 | .advanced-settings .form-group { |
56 | margin-bottom: 20px; | |
57 | } | |
4cc66133 C |
58 | } |
59 | ||
40e87e9e C |
60 | .captions { |
61 | ||
62 | .captions-header { | |
63 | text-align: right; | |
6f02515e | 64 | margin-bottom: 1rem; |
40e87e9e C |
65 | |
66 | .create-caption { | |
457bb213 | 67 | @include create-button; |
40e87e9e C |
68 | } |
69 | } | |
70 | ||
71 | .caption-entry { | |
72 | display: flex; | |
73 | height: 40px; | |
74 | align-items: center; | |
75 | ||
772d5642 C |
76 | a.caption-entry-label { |
77 | @include disable-default-a-behaviour; | |
78 | ||
6f02515e | 79 | flex-grow: 1; |
772d5642 C |
80 | color: #000; |
81 | ||
82 | &:hover { | |
83 | opacity: 0.8; | |
84 | } | |
85 | } | |
86 | ||
40e87e9e C |
87 | .caption-entry-label { |
88 | font-size: 15px; | |
89 | font-weight: bold; | |
90 | ||
91 | margin-right: 20px; | |
772d5642 C |
92 | width: 150px; |
93 | } | |
94 | ||
95 | .caption-entry-state { | |
96 | width: 200px; | |
97 | ||
98 | &.caption-entry-state-create { | |
99 | color: #39CC0B; | |
100 | } | |
101 | ||
102 | &.caption-entry-state-delete { | |
103 | color: #FF0000; | |
104 | } | |
40e87e9e C |
105 | } |
106 | ||
107 | .caption-entry-delete { | |
108 | @include peertube-button; | |
109 | @include grey-button; | |
110 | } | |
111 | } | |
112 | ||
113 | .no-caption { | |
114 | text-align: center; | |
115 | font-size: 15px; | |
116 | } | |
117 | } | |
118 | ||
4cc66133 C |
119 | .submit-container { |
120 | text-align: right; | |
4cc66133 | 121 | |
cadb46d8 C |
122 | .message-submit { |
123 | display: inline-block; | |
124 | margin-right: 25px; | |
125 | ||
e66883b3 | 126 | color: pvar(--greyForegroundColor); |
cadb46d8 C |
127 | font-size: 15px; |
128 | } | |
4cc66133 C |
129 | } |
130 | ||
bbe0f064 C |
131 | p-calendar { |
132 | display: block; | |
133 | ||
03652b31 | 134 | ::ng-deep { |
4f926722 | 135 | .p-calendar { |
bbe0f064 C |
136 | width: 100%; |
137 | } | |
138 | ||
4f926722 | 139 | .p-inputtext { |
bbe0f064 C |
140 | @include peertube-input-text(100%); |
141 | color: #000; | |
142 | } | |
143 | } | |
144 | } | |
145 | ||
6f02515e RK |
146 | // columns for the video |
147 | .col-video-edit { | |
148 | @include make-col-ready(); | |
149 | ||
150 | @include media-breakpoint-up(md) { | |
151 | @include make-col(7); | |
152 | ||
931d3430 | 153 | + .col-video-edit { |
6f02515e RK |
154 | @include make-col(5); |
155 | } | |
156 | } | |
157 | ||
158 | @include media-breakpoint-up(xl) { | |
159 | @include make-col(8); | |
160 | ||
931d3430 | 161 | + .col-video-edit { |
6f02515e RK |
162 | @include make-col(4); |
163 | } | |
164 | } | |
165 | } | |
166 | ||
167 | :host-context(.expanded) { | |
168 | .col-video-edit { | |
169 | @include media-breakpoint-up(md) { | |
170 | @include make-col(8); | |
b15fe00f | 171 | |
931d3430 | 172 | + .col-video-edit { |
6f02515e RK |
173 | @include make-col(4); |
174 | } | |
175 | } | |
176 | } | |
177 | } |