From 8da814c8dd5208a441d7084662e27db05adf802b Mon Sep 17 00:00:00 2001 From: KoloMl Date: Thu, 27 Jun 2024 01:28:53 +0400 Subject: [PATCH] Moving popups of first/last media boxes to not get out of screen --- src/styles/content/listing.scss | 45 +++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/src/styles/content/listing.scss b/src/styles/content/listing.scss index 1c1cdfd..b9dce96 100644 --- a/src/styles/content/listing.scss +++ b/src/styles/content/listing.scss @@ -95,6 +95,51 @@ display: none; } + &.media-box--first:not(.media-box--last) { + .media-box-tools:before { + left: -1px; + } + + .media-box-tools:after { + right: -75%; + } + + .maintenance-popup { + left: -1px; + right: -75%; + } + } + + &.media-box--last:not(.media-box--first) { + .media-box-tools:before { + left: -75%; + } + + .media-box-tools:after { + right: -1px; + } + + .maintenance-popup { + left: -75%; + right: -1px; + } + } + + &.media-box--last.media-box--first { + .media-box-tools:before { + left: -1px; + } + + .media-box-tools:after { + right: -1px; + } + + .maintenance-popup { + left: -1px; + right: -1px; + } + } + &:hover { .media-box-tools.has-active-profile { &:before, &:after {