aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-08-09 09:22:10 +0200
committerChocobozzz <me@florianbigard.com>2018-08-09 09:22:10 +0200
commitb34a444e291c8ec90b4c2c965f7d0d6904d1faa7 (patch)
tree9880b79b12882b0cebf7b51ab6d5eb3efe62c585 /client/src
parenteacb25c4366bcc8fba20f98f93f004fabc6d5578 (diff)
downloadPeerTube-b34a444e291c8ec90b4c2c965f7d0d6904d1faa7.tar.gz
PeerTube-b34a444e291c8ec90b4c2c965f7d0d6904d1faa7.tar.zst
PeerTube-b34a444e291c8ec90b4c2c965f7d0d6904d1faa7.zip
Upgrade to bootstrap 4 first step
Diffstat (limited to 'client/src')
-rw-r--r--client/src/app/app.component.scss2
-rw-r--r--client/src/app/search/search.component.scss2
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss2
-rw-r--r--client/src/sass/application.scss5
-rw-r--r--client/src/sass/include/_bootstrap.scss85
5 files changed, 44 insertions, 52 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 9eca31320..ded45b5f7 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -85,10 +85,10 @@
85footer { 85footer {
86 border-top: 1px solid $footer-border-color; 86 border-top: 1px solid $footer-border-color;
87 padding: 10px 0; 87 padding: 10px 0;
88 text-align: center;
89 font-size: 11px; 88 font-size: 11px;
90 margin-top: $footer-margin; 89 margin-top: $footer-margin;
91 height: $footer-height; 90 height: $footer-height;
91 justify-content: center;
92} 92}
93 93
94simple-notifications { 94simple-notifications {
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index ef89c5666..e54a8b32a 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -11,7 +11,7 @@
11} 11}
12 12
13.search-result { 13.search-result {
14 margin: 40px; 14 padding: 40px;
15 15
16 .results-header { 16 .results-header {
17 font-size: 16px; 17 font-size: 16px;
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 5127687b2..b27a70197 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -5,6 +5,7 @@
5 background-color: #000; 5 background-color: #000;
6 display: flex; 6 display: flex;
7 justify-content: center; 7 justify-content: center;
8 flex-grow: 1;
8 9
9 .remote-server-down { 10 .remote-server-down {
10 color: #fff; 11 color: #fff;
@@ -68,6 +69,7 @@
68.video-bottom { 69.video-bottom {
69 margin-top: 40px; 70 margin-top: 40px;
70 display: flex; 71 display: flex;
72 flex-grow: 1;
71 73
72 .video-info { 74 .video-info {
73 flex-grow: 1; 75 flex-grow: 1;
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 65711a225..74759348e 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,7 +1,7 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3 3
4$icon-font-path: '../../node_modules/bootstrap-sass/assets/fonts/bootstrap/'; 4$icon-font-path: '../../node_modules/@neos21/bootstrap3-glyphicons/assets/fonts/';
5@import '_bootstrap'; 5@import '_bootstrap';
6 6
7@import '_fonts'; 7@import '_fonts';
@@ -22,6 +22,7 @@ body {
22 font-family: $main-fonts; 22 font-family: $main-fonts;
23 font-weight: $font-regular; 23 font-weight: $font-regular;
24 color: #000; 24 color: #000;
25 font-size: 14px;
25} 26}
26 27
27#incompatible-browser { 28#incompatible-browser {
@@ -62,10 +63,12 @@ label {
62 63
63.main-col { 64.main-col {
64 margin-left: $menu-width; 65 margin-left: $menu-width;
66 width: auto;
65 67
66 .margin-content { 68 .margin-content {
67 margin-left: $not-expanded-horizontal-margins; 69 margin-left: $not-expanded-horizontal-margins;
68 margin-right: $not-expanded-horizontal-margins; 70 margin-right: $not-expanded-horizontal-margins;
71 flex-grow: 1;
69 } 72 }
70 73
71 .sub-menu { 74 .sub-menu {
diff --git a/client/src/sass/include/_bootstrap.scss b/client/src/sass/include/_bootstrap.scss
index f15b8966e..b56b71536 100644
--- a/client/src/sass/include/_bootstrap.scss
+++ b/client/src/sass/include/_bootstrap.scss
@@ -1,50 +1,37 @@
1// Core variables and mixins 1@import "~bootstrap/scss/functions";
2@import "~bootstrap-sass/assets/stylesheets/bootstrap/variables"; 2@import "~bootstrap/scss/variables";
3@import "~bootstrap-sass/assets/stylesheets/bootstrap/mixins"; 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";
4 36
5// Reset and dependencies 37@import "~@neos21/bootstrap3-glyphicons/assets/stylesheets/bootstrap3-glyphicons"; \ No newline at end of file
6@import "~bootstrap-sass/assets/stylesheets/bootstrap/normalize";
7@import "~bootstrap-sass/assets/stylesheets/bootstrap/print";
8@import "~bootstrap-sass/assets/stylesheets/bootstrap/glyphicons";
9
10// Core CSS
11@import "~bootstrap-sass/assets/stylesheets/bootstrap/scaffolding";
12@import "~bootstrap-sass/assets/stylesheets/bootstrap/type";
13//@import "~bootstrap-sass/assets/stylesheets/bootstrap/code";
14@import "~bootstrap-sass/assets/stylesheets/bootstrap/grid";
15//@import "~bootstrap-sass/assets/stylesheets/bootstrap/tables";
16@import "~bootstrap-sass/assets/stylesheets/bootstrap/forms";
17@import "~bootstrap-sass/assets/stylesheets/bootstrap/buttons";
18
19// Components
20@import "~bootstrap-sass/assets/stylesheets/bootstrap/component-animations";
21@import "~bootstrap-sass/assets/stylesheets/bootstrap/dropdowns";
22//@import "~bootstrap-sass/assets/stylesheets/bootstrap/button-groups";
23@import "~bootstrap-sass/assets/stylesheets/bootstrap/input-groups";
24@import "~bootstrap-sass/assets/stylesheets/bootstrap/navs";
25//@import "~bootstrap-sass/assets/stylesheets/bootstrap/navbar";
26//@import "~bootstrap-sass/assets/stylesheets/bootstrap/breadcrumbs";
27//@import "~bootstrap-sass/assets/stylesheets/bootstrap/pagination";
28//@import "~bootstrap-sass/assets/stylesheets/bootstrap/pager";
29//@import "~bootstrap-sass/assets/stylesheets/bootstrap/labels";
30//@import "~bootstrap-sass/assets/stylesheets/bootstrap/badges";
31//@import "~bootstrap-sass/assets/stylesheets/bootstrap/jumbotron";
32//@import "~bootstrap-sass/assets/stylesheets/bootstrap/thumbnails";
33@import "~bootstrap-sass/assets/stylesheets/bootstrap/alerts";
34//@import "~bootstrap-sass/assets/stylesheets/bootstrap/progress-bars";
35//@import "~bootstrap-sass/assets/stylesheets/bootstrap/media";
36//@import "~bootstrap-sass/assets/stylesheets/bootstrap/list-group";
37//@import "~bootstrap-sass/assets/stylesheets/bootstrap/panels";
38//@import "~bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed";
39//@import "~bootstrap-sass/assets/stylesheets/bootstrap/wells";
40//@import "~bootstrap-sass/assets/stylesheets/bootstrap/close";
41
42// Components w/ JavaScript
43@import "~bootstrap-sass/assets/stylesheets/bootstrap/modals";
44@import "~bootstrap-sass/assets/stylesheets/bootstrap/tooltip";
45@import "~bootstrap-sass/assets/stylesheets/bootstrap/popovers";
46//@import "~bootstrap-sass/assets/stylesheets/bootstrap/carousel";
47
48//// Utility classes
49//@import "~bootstrap-sass/assets/stylesheets/bootstrap/utilities";
50//@import "~bootstrap-sass/assets/stylesheets/bootstrap/responsive-utilities";