diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-05-01 23:24:05 +0200 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-05-01 23:24:05 +0200 |
commit | c2a89b70ce75c4955cbdb1ced6fd20a5010a8c9b (patch) | |
tree | 9b835f17d1da4a7a4d066b8e48fc476c732759a8 /client/src/sass/application.scss | |
parent | d392608090a88a402f98f57cb60872dfd3506fd4 (diff) | |
download | PeerTube-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.scss | 10 |
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 | } |