aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-04-30 17:14:03 +0200
committerRigel Kent <par@rigelk.eu>2020-04-30 17:23:20 +0200
commit1def3c526ec385cbd2112d9907e8a4a73af110ca (patch)
tree62b78363404e3ebab26c32b2e9d171314d01ed83 /client
parent1f6d2449707f0ebcbc4c890d98bc0cd74f579889 (diff)
downloadPeerTube-1def3c526ec385cbd2112d9907e8a4a73af110ca.tar.gz
PeerTube-1def3c526ec385cbd2112d9907e8a4a73af110ca.tar.zst
PeerTube-1def3c526ec385cbd2112d9907e8a4a73af110ca.zip
Apply the fix to both expanded and not expanded, using convention
Diffstat (limited to 'client')
-rw-r--r--client/src/sass/application.scss22
1 files changed, 12 insertions, 10 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 0e486eab2..7ea82b6f9 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -279,18 +279,21 @@ table {
279} 279}
280 280
281@media screen and (max-width: #{map-get($grid-breakpoints, lg)}) { 281@media screen and (max-width: #{map-get($grid-breakpoints, lg)}) {
282 /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
282 .main-col { 283 .main-col {
283 .margin-content { 284 &, &.expanded {
284 margin-left: $expanded-horizontal-margins/3; 285 .margin-content {
285 margin-right: $expanded-horizontal-margins/3; 286 margin-left: $expanded-horizontal-margins/3;
286 } 287 margin-right: $expanded-horizontal-margins/3;
288 }
287 289
288 .sub-menu { 290 .sub-menu {
289 padding-left: 50px; 291 padding-left: 50px;
290 padding-right: 50px; 292 padding-right: 50px;
291 293
292 .title-page { 294 .title-page {
293 font-size: 17px; 295 font-size: 17px;
296 }
294 } 297 }
295 } 298 }
296 } 299 }
@@ -314,7 +317,6 @@ table {
314 317
315 .sub-menu { 318 .sub-menu {
316 width: 100vw; 319 width: 100vw;
317 overflow-x: auto;
318 padding-left: 15px; 320 padding-left: 15px;
319 padding-right: 15px; 321 padding-right: 15px;
320 margin-bottom: $sub-menu-margin-bottom-small-view; 322 margin-bottom: $sub-menu-margin-bottom-small-view;