diff options
author | Chocobozzz <me@florianbigard.com> | 2021-04-01 11:10:27 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-04-01 16:54:49 +0200 |
commit | 0f7407d926cf7774f8f730dba08327569c11680c (patch) | |
tree | 6b44be72187390514d9068b78851b48b1a9b7244 /client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | |
parent | 33253c1aa6b82284ddd0a9cb516ad85e276ca3a3 (diff) | |
download | PeerTube-0f7407d926cf7774f8f730dba08327569c11680c.tar.gz PeerTube-0f7407d926cf7774f8f730dba08327569c11680c.tar.zst PeerTube-0f7407d926cf7774f8f730dba08327569c11680c.zip |
Refactor video miniature
Less dirty code, better responsive
Prepare for some regressions
Increase default miniature size
Diffstat (limited to 'client/src/app/+accounts/account-video-channels/account-video-channels.component.scss')
-rw-r--r-- | client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | 6 |
1 files changed, 4 insertions, 2 deletions
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 @@ | |||
3 | @import '_miniature'; | 3 | @import '_miniature'; |
4 | 4 | ||
5 | .margin-content { | 5 | .margin-content { |
6 | @include fluid-videos-miniature-margins; | 6 | @include grid-videos-miniature-margins; |
7 | } | 7 | } |
8 | 8 | ||
9 | .channel { | 9 | .channel { |
@@ -93,6 +93,8 @@ my-subscribe-button { | |||
93 | 93 | ||
94 | my-video-miniature { | 94 | my-video-miniature { |
95 | margin-right: 15px; | 95 | margin-right: 15px; |
96 | min-width: $video-thumbnail-medium-width; | ||
97 | max-width: $video-thumbnail-medium-width; | ||
96 | } | 98 | } |
97 | 99 | ||
98 | .no-results { | 100 | .no-results { |
@@ -105,7 +107,7 @@ my-subscribe-button { | |||
105 | position: absolute; | 107 | position: absolute; |
106 | right: 0; | 108 | right: 0; |
107 | background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px); | 109 | background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px); |
108 | padding: ($video-thumbnail-height / 2 - 10px) 15px 0 60px; | 110 | padding: ($video-thumbnail-medium-height / 2 - 10px) 15px 0 60px; |
109 | z-index: z(miniature) + 1; | 111 | z-index: z(miniature) + 1; |
110 | 112 | ||
111 | a { | 113 | a { |