aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-08-09 14:55:06 +0200
committerChocobozzz <me@florianbigard.com>2018-08-09 14:55:06 +0200
commit63347a0ff966c7863e5b7431effa1cb0668df893 (patch)
tree8f89d9b4a73f7157103574c05832eff21e338272 /client/src/sass
parentb34a444e291c8ec90b4c2c965f7d0d6904d1faa7 (diff)
downloadPeerTube-63347a0ff966c7863e5b7431effa1cb0668df893.tar.gz
PeerTube-63347a0ff966c7863e5b7431effa1cb0668df893.tar.zst
PeerTube-63347a0ff966c7863e5b7431effa1cb0668df893.zip
Migrate to bootstrap 4 and ng-bootstrap
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss60
-rw-r--r--client/src/sass/include/_bootstrap.scss86
2 files changed, 78 insertions, 68 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 74759348e..b120d4090 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -42,6 +42,10 @@ input.readonly {
42 background-color: #fff !important; 42 background-color: #fff !important;
43} 43}
44 44
45input, textarea {
46 outline: none;
47}
48
45label { 49label {
46 font-weight: $font-bold; 50 font-weight: $font-bold;
47 font-size: 15px; 51 font-size: 15px;
@@ -174,9 +178,13 @@ label {
174 @include icon(24px); 178 @include icon(24px);
175 179
176 position: relative; 180 position: relative;
177 right: -1px; 181 top: 3px;
178 float: right; 182 float: right;
179 background-image: url('../assets/images/global/cross.svg'); 183 background-image: url('../assets/images/global/cross.svg');
184
185 margin: 0;
186 padding: 0;
187 opacity: 1;
180 } 188 }
181 } 189 }
182 190
@@ -200,47 +208,35 @@ label {
200 } 208 }
201} 209}
202 210
203tabset:not(.bootstrap) { 211// Nav customizations
204 .nav { 212.nav .nav-link {
205 font-size: 16px !important; 213 display: flex !important;
206 border: none !important; 214 align-items: center;
215 height: 30px !important;
216 padding: 10px 15px !important;
217}
207 218
208 .nav-item .nav-link { 219.nav.nav-pills {
209 margin-right: 30px; 220 font-size: 16px !important;
210 padding: 0;
211 border-radius: 3px;
212 border: none !important;
213
214 .tab-link {
215 display: flex !important;
216 align-items: center;
217 min-height: 30px !important;
218 padding: 0 15px;
219 }
220 221
221 &, & a { 222 .nav-link.active {
222 color: #000 !important; 223 font-weight: $font-semibold !important;
223 @include disable-default-a-behaviour; 224 }
224 }
225 225
226 &.active, &:hover { 226 a {
227 background-color: #F0F0F0; 227 @include disable-default-a-behaviour;
228 }
229 228
230 &.active { 229 color: #000;
231 font-weight: $font-semibold !important;
232 }
233 }
234 } 230 }
235} 231}
236 232
237tabset.bootstrap { 233ngb-tabset.bootstrap {
238 margin-left: 0;
239 234
240 .nav-item .nav-link { 235 .nav-link {
241 &, & a { 236 &, & a {
242 color: #000;
243 @include disable-default-a-behaviour; 237 @include disable-default-a-behaviour;
238
239 color: #000 !important;
244 } 240 }
245 } 241 }
246} 242}
diff --git a/client/src/sass/include/_bootstrap.scss b/client/src/sass/include/_bootstrap.scss
index b56b71536..5abec02d5 100644
--- a/client/src/sass/include/_bootstrap.scss
+++ b/client/src/sass/include/_bootstrap.scss
@@ -1,37 +1,51 @@
1@import "~bootstrap/scss/functions"; 1$dropdown-link-active-bg: inherit;
2@import "~bootstrap/scss/variables";
3@import "~bootstrap/scss/mixins";
4@import "~bootstrap/scss/root";
5@import "~bootstrap/scss/reboot";
6@import "~bootstrap/scss/type";
7//@import "~bootstrap/scss/images";
8//@import "~bootstrap/scss/code";
9@import "~bootstrap/scss/grid";
10//@import "~bootstrap/scss/tables";
11@import "~bootstrap/scss/forms";
12@import "~bootstrap/scss/buttons";
13//@import "~bootstrap/scss/transitions";
14@import "~bootstrap/scss/dropdown";
15//@import "~bootstrap/scss/button-group";
16@import "~bootstrap/scss/input-group";
17//@import "~bootstrap/scss/custom-forms";
18@import "~bootstrap/scss/nav";
19//@import "~bootstrap/scss/navbar";
20//@import "~bootstrap/scss/card";
21//@import "~bootstrap/scss/breadcrumb";
22//@import "~bootstrap/scss/pagination";
23//@import "~bootstrap/scss/badge";
24//@import "~bootstrap/scss/jumbotron";
25@import "~bootstrap/scss/alert";
26//@import "~bootstrap/scss/progress";
27//@import "~bootstrap/scss/media";
28//@import "~bootstrap/scss/list-group";
29@import "~bootstrap/scss/close";
30@import "~bootstrap/scss/modal";
31@import "~bootstrap/scss/tooltip";
32@import "~bootstrap/scss/popover";
33//@import "~bootstrap/scss/carousel";
34//@import "~bootstrap/scss/utilities";
35//@import "~bootstrap/scss/print";
36 2
37@import "~@neos21/bootstrap3-glyphicons/assets/stylesheets/bootstrap3-glyphicons"; \ No newline at end of file 3$zindex-modal: 10005;
4$modal-footer-border-width: 0;
5$modal-md: 600px;
6
7$input-btn-focus-width: 0;
8$input-btn-focus-color: inherit;
9$input-focus-border-color: #ced4da;
10
11$nav-pills-link-active-bg: #F0F0F0;
12$nav-pills-link-active-color: #000;
13
14@import '~bootstrap/scss/functions';
15@import '~bootstrap/scss/variables';
16
17@import '~bootstrap/scss/mixins';
18@import '~bootstrap/scss/root';
19@import '~bootstrap/scss/reboot';
20@import '~bootstrap/scss/type';
21//@import '~bootstrap/scss/images';
22//@import '~bootstrap/scss/code';
23@import '~bootstrap/scss/grid';
24//@import '~bootstrap/scss/tables';
25@import '~bootstrap/scss/forms';
26@import '~bootstrap/scss/buttons';
27//@import '~bootstrap/scss/transitions';
28@import '~bootstrap/scss/dropdown';
29//@import '~bootstrap/scss/button-group';
30@import '~bootstrap/scss/input-group';
31//@import '~bootstrap/scss/custom-forms';
32@import '~bootstrap/scss/nav';
33//@import '~bootstrap/scss/navbar';
34//@import '~bootstrap/scss/card';
35//@import '~bootstrap/scss/breadcrumb';
36//@import '~bootstrap/scss/pagination';
37//@import '~bootstrap/scss/badge';
38//@import '~bootstrap/scss/jumbotron';
39@import '~bootstrap/scss/alert';
40//@import '~bootstrap/scss/progress';
41//@import '~bootstrap/scss/media';
42//@import '~bootstrap/scss/list-group';
43@import '~bootstrap/scss/close';
44@import '~bootstrap/scss/modal';
45@import '~bootstrap/scss/tooltip';
46@import '~bootstrap/scss/popover';
47//@import '~bootstrap/scss/carousel';
48@import '~bootstrap/scss/utilities';
49//@import '~bootstrap/scss/print';
50
51@import '~@neos21/bootstrap3-glyphicons/assets/stylesheets/bootstrap3-glyphicons';