Add support for cover photos in popovers

diff --git a/wcfsetup/install/files/style/ui/popover.scss b/wcfsetup/install/files/style/ui/popover.scss
index e529e912179a1fc36f24cf880a5e2bed0e3e04b5..36b693d1a7754e043f4ccd47e7a96e5718f979ea 100644 (file)
--- 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%;
+}