From 7d4cc58defc894d016c6f8356c35b7d3a22178a8 Mon Sep 17 00:00:00 2001 From: saltrafael Date: Tue, 17 Aug 2021 08:49:04 -0300 Subject: [PATCH] CSS: Fix Large list titles and fix hover on audio gif thumbnails --- ui/component/fileThumbnail/FreezeframeLite/styles.scss | 2 +- ui/scss/component/_main.scss | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/ui/component/fileThumbnail/FreezeframeLite/styles.scss b/ui/component/fileThumbnail/FreezeframeLite/styles.scss index 7eab7838b..f46fa97c2 100644 --- a/ui/component/fileThumbnail/FreezeframeLite/styles.scss +++ b/ui/component/fileThumbnail/FreezeframeLite/styles.scss @@ -7,7 +7,7 @@ $transition-duration: 300ms; // Classnames must line up with classes in classes.js .ff-container { display: inline-block; - position: relative; + position: absolute; .ff-image { z-index: $base-zindex; diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss index 0ba9cce97..8208360a2 100644 --- a/ui/scss/component/_main.scss +++ b/ui/scss/component/_main.scss @@ -136,9 +136,18 @@ .file-page__recommended-collection { @extend .file-page__recommended; flex-direction: column; + overflow-wrap: break-word; .file-page__recommended-collection__row { display: block; + + @media (min-width: $breakpoint-medium) { + max-width: 15rem; + } + + @media (max-width: $breakpoint-medium) { + max-width: 50rem; + } } }