X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fsearch%2Fsearch.component.scss;h=d4d8bbcf7bbc606bced63f5d9fe1d0ed5871e904;hb=bc6f886347f676220847461600122cde86edc272;hp=6de13d27624b9d3da851192d4ddc97c27ed53543;hpb=457bb213b273a9b206cc5654eb085cede4e916ad;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss index 6de13d276..d4d8bbcf7 100644 --- a/client/src/app/search/search.component.scss +++ b/client/src/app/search/search.component.scss @@ -35,18 +35,6 @@ } } } - - .results-filter { - // Animation when we show/hide the filters - transition: max-height 0.3s; - display: block !important; - overflow: hidden !important; - max-height: 0; - - &.show { - max-height: 1500px; - } - } } .entry { @@ -55,53 +43,14 @@ padding-bottom: 20px; margin-bottom: 20px; - &.video { - - my-video-thumbnail { - margin-right: 10px; - } - - .video-info { - flex-grow: 1; - - .video-info-name { - @include disable-default-a-behaviour; - - color: var(--mainForegroundColor); - display: block; - width: fit-content; - font-size: 18px; - font-weight: $font-semibold; - } - - .video-info-date-views { - font-size: 14px; - } - - .video-info-account { - @include disable-default-a-behaviour; - - display: block; - width: fit-content; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - color: $grey-foreground-color; - - &:hover { - color: $grey-foreground-hover-color; - } - } - } - } - &.video-channel { - img { - @include avatar(120px); + $image-size: 130px; + $margin-size: ($video-thumbnail-width - $image-size) / 2; // So we have the same width than the video miniature + + @include avatar($image-size); - margin: 0 50px 0 40px; + margin: 0 ($margin-size + 10) 0 $margin-size; } .video-channel-info { @@ -166,7 +115,7 @@ my-video-thumbnail { margin-right: 0 !important; - /deep/ .video-thumbnail { + ::ng-deep .video-thumbnail { width: 100%; height: auto;