aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss34
-rw-r--r--client/src/sass/include/_bootstrap.scss2
-rw-r--r--client/src/sass/include/_mixins.scss47
3 files changed, 80 insertions, 3 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index a1c222c31..0d96d5ec0 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -258,9 +258,39 @@ p-datatable {
258.modal { 258.modal {
259 .modal-header { 259 .modal-header {
260 border-bottom: none; 260 border-bottom: none;
261 margin-bottom: 5px;
261 262
262 .title-page-single { 263 .modal-title {
263 margin: 0; 264 font-size: 20px;
265 font-weight: $font-semibold;
266 }
267
268 .close {
269 @include icon(24px);
270
271 position: relative;
272 right: -1px;
273 float: right;
274 background-image: url('../assets/images/global/cross.svg');
275 }
276 }
277
278 .inputs {
279 margin-top: 40px;
280 margin-bottom: 0;
281 text-align: right;
282
283 .action-button-cancel {
284 @include peertube-button;
285 @include grey-button;
286
287 display: inline-block;
288 margin-right: 10px;
289 }
290
291 .action-button-submit {
292 @include peertube-button;
293 @include orange-button;
264 } 294 }
265 } 295 }
266} 296}
diff --git a/client/src/sass/include/_bootstrap.scss b/client/src/sass/include/_bootstrap.scss
index 3857bb521..4f0e2893e 100644
--- a/client/src/sass/include/_bootstrap.scss
+++ b/client/src/sass/include/_bootstrap.scss
@@ -37,7 +37,7 @@
37//@import "~bootstrap-sass/assets/stylesheets/bootstrap/panels"; 37//@import "~bootstrap-sass/assets/stylesheets/bootstrap/panels";
38//@import "~bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed"; 38//@import "~bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed";
39//@import "~bootstrap-sass/assets/stylesheets/bootstrap/wells"; 39//@import "~bootstrap-sass/assets/stylesheets/bootstrap/wells";
40@import "~bootstrap-sass/assets/stylesheets/bootstrap/close"; 40//@import "~bootstrap-sass/assets/stylesheets/bootstrap/close";
41 41
42// Components w/ JavaScript 42// Components w/ JavaScript
43@import "~bootstrap-sass/assets/stylesheets/bootstrap/modals"; 43@import "~bootstrap-sass/assets/stylesheets/bootstrap/modals";
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index a07bd5d28..252cf2173 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -22,6 +22,14 @@
22 } 22 }
23} 23}
24 24
25@mixin peertube-textarea ($width, $height) {
26 @include peertube-input-text($width);
27
28 height: $height;
29 padding: 5px 15px;
30 font-size: 15px;
31}
32
25@mixin orange-button { 33@mixin orange-button {
26 &, &:active, &:focus { 34 &, &:active, &:focus {
27 color: #fff; 35 color: #fff;
@@ -101,6 +109,7 @@
101 overflow: hidden; 109 overflow: hidden;
102 background: #fff; 110 background: #fff;
103 position: relative; 111 position: relative;
112 font-size: 15px;
104 113
105 &:after { 114 &:after {
106 top: 50%; 115 top: 50%;
@@ -149,6 +158,44 @@
149 } 158 }
150} 159}
151 160
161// Thanks: https://codepen.io/triss90/pen/XNEdRe/
162@mixin peertube-radio-container {
163 input[type="radio"] {
164 display: none;
165
166 & + label {
167 font-weight: $font-regular;
168 cursor: pointer;
169
170 &:before {
171 position: relative;
172 top: -2px;
173 content: '';
174 background: #fff;
175 border-radius: 100%;
176 border: 1px solid #000;
177 display: inline-block;
178 width: 15px;
179 height: 15px;
180 vertical-align: middle;
181 cursor: pointer;
182 text-align: center;
183 margin-right: 10px;
184 }
185 }
186
187 &:checked + label:before {
188 background-color: #000;
189 box-shadow: inset 0 0 0 4px #fff;
190 }
191
192 &:focus + label:before {
193 outline: none;
194 border-color: #000;
195 }
196 }
197}
198
152@mixin peertube-checkbox ($border-width) { 199@mixin peertube-checkbox ($border-width) {
153 display: none; 200 display: none;
154 201