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 --- .../account-video-channels/account-video-channels.component.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'client/src/app/+accounts/account-video-channels/account-video-channels.component.scss') diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss index 8f1e9deb5..7e88802f3 100644 --- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss +++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss @@ -3,7 +3,7 @@ @import '_miniature'; .margin-content { - @include fluid-videos-miniature-margins; + @include grid-videos-miniature-margins; } .channel { @@ -93,6 +93,8 @@ my-subscribe-button { my-video-miniature { margin-right: 15px; + min-width: $video-thumbnail-medium-width; + max-width: $video-thumbnail-medium-width; } .no-results { @@ -105,7 +107,7 @@ my-subscribe-button { position: absolute; right: 0; background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px); - padding: ($video-thumbnail-height / 2 - 10px) 15px 0 60px; + padding: ($video-thumbnail-medium-height / 2 - 10px) 15px 0 60px; z-index: z(miniature) + 1; a { -- cgit v1.2.3