aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/application.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-03-13 15:30:23 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-03-13 15:30:27 +0100
commitc4741804bceac6f5f3ea06f9041c5b4fde7a3d7d (patch)
tree6890c6e3a47b5162c306a62a862949cd9a8df668 /client/src/sass/application.scss
parentbaab47ca81742deae15acd671e8c332a4e1d6eb7 (diff)
downloadPeerTube-c4741804bceac6f5f3ea06f9041c5b4fde7a3d7d.tar.gz
PeerTube-c4741804bceac6f5f3ea06f9041c5b4fde7a3d7d.tar.zst
PeerTube-c4741804bceac6f5f3ea06f9041c5b4fde7a3d7d.zip
Fix margins/widths with top-menu and main-col on small screens
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r--client/src/sass/application.scss7
1 files changed, 6 insertions, 1 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 89957704b..413f8c49d 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -106,9 +106,13 @@ label {
106 color: black; 106 color: black;
107} 107}
108 108
109.row {
110 margin: 0;
111}
112
109.main-col { 113.main-col {
110 margin-left: $menu-width; 114 margin-left: $menu-width;
111 width: auto; 115 width: calc(100% - #{$menu-width});
112 116
113 .margin-content { 117 .margin-content {
114 margin-left: $not-expanded-horizontal-margins; 118 margin-left: $not-expanded-horizontal-margins;
@@ -130,6 +134,7 @@ label {
130 // Override some properties if the main content is expanded (no menu on the left) 134 // Override some properties if the main content is expanded (no menu on the left)
131 &.expanded { 135 &.expanded {
132 margin-left: 0; 136 margin-left: 0;
137 width: 100%;
133 138
134 .margin-content { 139 .margin-content {
135 margin-left: $expanded-horizontal-margins; 140 margin-left: $expanded-horizontal-margins;