aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss10
-rw-r--r--client/src/sass/include/_miniature.scss6
-rw-r--r--client/src/sass/primeng-custom.scss22
3 files changed, 20 insertions, 18 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 }
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 5e591cf45..c937a0f72 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -127,9 +127,9 @@ $play-overlay-width: 18px;
127 } 127 }
128 128
129 .video-thumbnail { 129 .video-thumbnail {
130 margin: 0 -15px 10px -15px; 130 margin-bottom: 10px;
131 width: 100vw; 131 width: 100%;
132 height: calc(100vw / #{$video-thumbnail-ratio}); 132 height: calc(100% / #{$video-thumbnail-ratio});
133 border-radius: 0; 133 border-radius: 0;
134 134
135 img { 135 img {
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index 9c9a6197d..b3cd7cf51 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -283,7 +283,7 @@ p-table {
283} 283}
284 284
285// overflow data table 285// overflow data table
286@mixin overflow-datatable ($table-min-width, $horizontal-margins) { 286@mixin overflow-datatable ($table-min-width, $horizontal-margins, $mobile-paginator: true) {
287 p-table { 287 p-table {
288 .ui-table-wrapper { 288 .ui-table-wrapper {
289 overflow-x: auto; 289 overflow-x: auto;
@@ -294,16 +294,18 @@ p-table {
294 } 294 }
295 } 295 }
296 296
297 p-paginator .ui-paginator-bottom { 297 @if $mobile-paginator {
298 display: block; 298 p-paginator .ui-paginator-bottom {
299
300 .ui-paginator-current {
301 position: relative;
302 display: block; 299 display: block;
303 } 300
304 301 .ui-paginator-current {
305 a, .ui-paginator-pages { 302 position: relative;
306 vertical-align: middle; 303 display: block;
304 }
305
306 a, .ui-paginator-pages {
307 vertical-align: middle;
308 }
307 } 309 }
308 } 310 }
309 } 311 }