Skip to content

Commit 2846780

Browse files
committed
Add support for cover photos in popovers
1 parent f25d549 commit 2846780

File tree

1 file changed

+13
-1
lines changed

1 file changed

+13
-1
lines changed

wcfsetup/install/files/style/ui/popover.scss

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@
8383
/* @since 6.1 */
8484
.popoverContainer {
8585
--padding: 20px;
86-
--maxHeight: 300px;
86+
--maxHeight: 400px;
8787
--maxWidth: 500px;
8888

8989
background-color: var(--wcfContentContainerBackground);
@@ -153,3 +153,15 @@
153153
grid-area: time;
154154
@include wcfFontSmall;
155155
}
156+
157+
.popover__coverPhoto {
158+
--remove-padding: calc(var(--padding) * -1);
159+
margin: var(--remove-padding) var(--remove-padding) 10px;
160+
}
161+
162+
.popover__coverPhoto__image {
163+
object-fit: cover;
164+
object-position: center center;
165+
height: 150px;
166+
width: 100%;
167+
}

0 commit comments

Comments
 (0)