From 0f7407d926cf7774f8f730dba08327569c11680c Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 1 Apr 2021 11:10:27 +0200 Subject: Refactor video miniature Less dirty code, better responsive Prepare for some regressions Increase default miniature size --- client/src/sass/include/_variables.scss | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) (limited to 'client/src/sass/include/_variables.scss') diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 8c5e75864..4c9a79621 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss @@ -34,7 +34,7 @@ $green: #39CC0B; $grey-actor-name: #777272; $expanded-horizontal-margins: 150px; -$not-expanded-horizontal-margins: 60px; +$not-expanded-horizontal-margins: 30px; $button-height: 30px; @@ -59,10 +59,13 @@ $footer-margin: 30px; $separator-border-color: rgba(0, 0, 0, 0.10); -$video-miniature-width: 238px; $video-miniature-margin-bottom: 15px; -$video-thumbnail-height: 122px; -$video-thumbnail-width: 223px; +$video-thumbnail-height: 153px; +$video-thumbnail-width: 280px; +$video-thumbnail-medium-height: 114px; +$video-thumbnail-medium-width: 201px; +$video-thumbnail-small-height: 71px; +$video-thumbnail-small-width: 125px; $theater-bottom-space: 115px; @@ -125,6 +128,7 @@ $variables: ( --embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor), --horizontalMarginContent: var(--horizontalMarginContent), + --videosHorizontalMarginContent: var(--videosHorizontalMarginContent), --mainColWidth: var(--mainColWidth) ); -- cgit v1.2.3