From dc8902634864841be7ca483b8e1c0f5afa609c32 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Mon, 29 Jul 2019 17:12:18 +0200 Subject: Add show channel button in account page --- client/src/sass/include/_miniature.scss | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) (limited to 'client/src/sass/include/_miniature.scss') 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; @mixin miniature-rows { max-height: 540px; // 2 rows max overflow: hidden; - padding-top: 10px; &:first-child { padding-top: 30px; + + .section-title { + border-top: none !important; + } } my-video-miniature { @@ -155,9 +158,11 @@ $play-overlay-width: 18px; .section-title { font-size: 24px; font-weight: $font-semibold; - margin-bottom: 30px; + padding-top: 15px; + margin-bottom: 15px; display: flex; justify-content: space-between; + border-top: 1px solid $separator-border-color; a { &:hover, &:focus:not(.focus-visible), &:active { @@ -194,6 +199,17 @@ $play-overlay-width: 18px; } } + .show-more { + position: relative; + top: -5px; + display: inline-block; + font-size: 16px; + text-transform: uppercase; + color: $grey-foreground-color; + margin-bottom: 10px; + font-weight: $font-semibold; + } + @media screen and (max-width: $mobile-view) { max-height: initial; overflow: initial; -- cgit v1.2.3