aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/application.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-05-01 23:24:05 +0200
committerRigel Kent <sendmemail@rigelk.eu>2020-05-01 23:24:05 +0200
commitc2a89b70ce75c4955cbdb1ced6fd20a5010a8c9b (patch)
tree9b835f17d1da4a7a4d066b8e48fc476c732759a8 /client/src/sass/application.scss
parentd392608090a88a402f98f57cb60872dfd3506fd4 (diff)
downloadPeerTube-c2a89b70ce75c4955cbdb1ced6fd20a5010a8c9b.tar.gz
PeerTube-c2a89b70ce75c4955cbdb1ced6fd20a5010a8c9b.tar.zst
PeerTube-c2a89b70ce75c4955cbdb1ced6fd20a5010a8c9b.zip
Fix margin-content and miniature thumbnail width on mobile, fix media queries for tables above lg breakpoint
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r--client/src/sass/application.scss10
1 files changed, 5 insertions, 5 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index f54fecda8..62503fc02 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -344,14 +344,14 @@ table {
344} 344}
345 345
346// overflow-databale responsive rules 346// overflow-databale responsive rules
347@media screen and (max-width: #{breakpoint(xxl)}) { 347@media screen and (min-width: #{breakpoint(lg)}) {
348 .main-col { 348 .main-col {
349 &.expanded { 349 &.expanded {
350 @include overflow-datatable(breakpoint(lg), $expanded-horizontal-margins/2); 350 @include overflow-datatable(breakpoint(lg), $expanded-horizontal-margins/2, $mobile-paginator: false);
351 } 351 }
352 352
353 &:not(.expanded) { 353 &:not(.expanded) {
354 @include overflow-datatable(breakpoint(lg), $not-expanded-horizontal-margins + $menu-width/2); 354 @include overflow-datatable(breakpoint(lg), $not-expanded-horizontal-margins + $menu-width/2, $mobile-paginator: false);
355 } 355 }
356 } 356 }
357} 357}
@@ -363,7 +363,7 @@ table {
363 } 363 }
364 364
365 &:not(.expanded) { 365 &:not(.expanded) {
366 @include overflow-datatable(breakpoint(lg), $not-expanded-horizontal-margins + $menu-width/2); 366 @include overflow-datatable(breakpoint(lg), $expanded-horizontal-margins/3 + $menu-width/2);
367 } 367 }
368 } 368 }
369} 369}
@@ -381,7 +381,7 @@ table {
381 .main-col { 381 .main-col {
382 &:not(.expanded) { 382 &:not(.expanded) {
383 .admin-sub-header { 383 .admin-sub-header {
384 @include admin-sub-header-responsive($menu-width/2 + $expanded-horizontal-margins/3); 384 @include admin-sub-header-responsive($expanded-horizontal-margins/3 + $menu-width/2);
385 } 385 }
386 } 386 }
387 } 387 }