Adjust user popover styling
authorMarcel Werk <burntime@woltlab.com>
Thu, 25 Jan 2024 15:58:07 +0000 (16:58 +0100)
committerMarcel Werk <burntime@woltlab.com>
Thu, 25 Jan 2024 15:58:07 +0000 (16:58 +0100)
wcfsetup/install/files/style/ui/popover.scss
wcfsetup/install/files/style/ui/userCard.scss

index 68a286efd67e8579d11376eccf2059d0a31c9cb8..0bfbd0f6a44f8b89cd2d16f9ed19c161a03e6ff6 100644 (file)
@@ -83,6 +83,8 @@
 /* @since 6.1 */
 .popoverContainer {
        --padding: 20px;
+       --maxHeight: 300px;
+       --maxWidth: 500px;
 
        background-color: var(--wcfContentContainerBackground);
        border: 1px solid var(--wcfContentBorderInner);
@@ -90,8 +92,8 @@
        box-shadow: var(--wcfBoxShadow);
        color: var(--wcfContentText);
        display: none;
-       max-height: 300px;
-       max-width: 500px;
+       max-height: var(--maxHeight);
+       max-width: var(--maxWidth);
        opacity: 0;
        padding: var(--padding);
        position: absolute;
index e6e26ad82f0a94af8c43f2d0303d20269f61f09a..ffe98c3df29f928eee350d08e0bc804c5e6d9f79 100644 (file)
                color: inherit;
        }
 }
+
+.popoverContainer[data-identifier="com.woltlab.wcf.user"] {
+       --padding: 0;
+       --maxHeight: none;
+       --maxWidth: 300px;
+
+       .userCard {
+               background-color: none;
+               box-shadow: none;
+       }
+}