diff options
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/include/_miniature.scss | 20 | ||||
-rw-r--r-- | client/src/sass/include/_variables.scss | 1 |
2 files changed, 19 insertions, 2 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss index 26c327956..e4ed88d31 100644 --- a/client/src/sass/include/_miniature.scss +++ b/client/src/sass/include/_miniature.scss | |||
@@ -142,10 +142,13 @@ $play-overlay-width: 18px; | |||
142 | @mixin miniature-rows { | 142 | @mixin miniature-rows { |
143 | max-height: 540px; // 2 rows max | 143 | max-height: 540px; // 2 rows max |
144 | overflow: hidden; | 144 | overflow: hidden; |
145 | padding-top: 10px; | ||
146 | 145 | ||
147 | &:first-child { | 146 | &:first-child { |
148 | padding-top: 30px; | 147 | padding-top: 30px; |
148 | |||
149 | .section-title { | ||
150 | border-top: none !important; | ||
151 | } | ||
149 | } | 152 | } |
150 | 153 | ||
151 | my-video-miniature { | 154 | my-video-miniature { |
@@ -155,9 +158,11 @@ $play-overlay-width: 18px; | |||
155 | .section-title { | 158 | .section-title { |
156 | font-size: 24px; | 159 | font-size: 24px; |
157 | font-weight: $font-semibold; | 160 | font-weight: $font-semibold; |
158 | margin-bottom: 30px; | 161 | padding-top: 15px; |
162 | margin-bottom: 15px; | ||
159 | display: flex; | 163 | display: flex; |
160 | justify-content: space-between; | 164 | justify-content: space-between; |
165 | border-top: 1px solid $separator-border-color; | ||
161 | 166 | ||
162 | a { | 167 | a { |
163 | &:hover, &:focus:not(.focus-visible), &:active { | 168 | &:hover, &:focus:not(.focus-visible), &:active { |
@@ -194,6 +199,17 @@ $play-overlay-width: 18px; | |||
194 | } | 199 | } |
195 | } | 200 | } |
196 | 201 | ||
202 | .show-more { | ||
203 | position: relative; | ||
204 | top: -5px; | ||
205 | display: inline-block; | ||
206 | font-size: 16px; | ||
207 | text-transform: uppercase; | ||
208 | color: $grey-foreground-color; | ||
209 | margin-bottom: 10px; | ||
210 | font-weight: $font-semibold; | ||
211 | } | ||
212 | |||
197 | @media screen and (max-width: $mobile-view) { | 213 | @media screen and (max-width: $mobile-view) { |
198 | max-height: initial; | 214 | max-height: initial; |
199 | overflow: initial; | 215 | overflow: initial; |
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index aafeda257..f629dc23e 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss | |||
@@ -47,6 +47,7 @@ $footer-border-color: $header-border-color; | |||
47 | $separator-border-color: rgba(0, 0, 0, 0.10); | 47 | $separator-border-color: rgba(0, 0, 0, 0.10); |
48 | 48 | ||
49 | $video-miniature-width: 238px; | 49 | $video-miniature-width: 238px; |
50 | $video-miniature-margin-bottom: 30px; | ||
50 | $video-thumbnail-height: 122px; | 51 | $video-thumbnail-height: 122px; |
51 | $video-thumbnail-width: 223px; | 52 | $video-thumbnail-width: 223px; |
52 | $video-thumbnail-ratio: $video-thumbnail-width / $video-thumbnail-height; | 53 | $video-thumbnail-ratio: $video-thumbnail-width / $video-thumbnail-height; |