From 284678002471a9dfc7a12e32393c24a23a009a43 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Thu, 2 Jan 2025 15:56:10 +0100 Subject: [PATCH] Add support for cover photos in popovers --- wcfsetup/install/files/style/ui/popover.scss | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/wcfsetup/install/files/style/ui/popover.scss b/wcfsetup/install/files/style/ui/popover.scss index e529e91217..36b693d1a7 100644 --- a/wcfsetup/install/files/style/ui/popover.scss +++ b/wcfsetup/install/files/style/ui/popover.scss @@ -83,7 +83,7 @@ /* @since 6.1 */ .popoverContainer { --padding: 20px; - --maxHeight: 300px; + --maxHeight: 400px; --maxWidth: 500px; background-color: var(--wcfContentContainerBackground); @@ -153,3 +153,15 @@ grid-area: time; @include wcfFontSmall; } + +.popover__coverPhoto { + --remove-padding: calc(var(--padding) * -1); + margin: var(--remove-padding) var(--remove-padding) 10px; +} + +.popover__coverPhoto__image { + object-fit: cover; + object-position: center center; + height: 150px; + width: 100%; +} -- 2.20.1