Preserve the minimum height of the user header without ranks

The `.userMenuItemSingleLine` class is shared with other elements that are not as tall as the user header.

The `min-height: 0` will cause the user header to collapse too much when the user rank module is disabled.

See https://www.woltlab.com/community/thread/296134-darstellungsfehler-im-kontrollzentrum-ohne-rangmodul/

diff --git a/com.woltlab.wcf/templates/pageHeaderUser.tpl b/com.woltlab.wcf/templates/pageHeaderUser.tpl
index b60589b380c7748448a5791dec5b49b4f9a480fb..cd2c59ec9510c4b9e89c3006f5adc4eda139133a 100644 (file)
--- a/com.woltlab.wcf/templates/pageHeaderUser.tpl
+++ b/com.woltlab.wcf/templates/pageHeaderUser.tpl
@@ -27,7 +27,7 @@
                                                <div class="userMenuTitle">{lang}wcf.user.controlPanel{/lang}</div>
                                        </div>
                                        <div class="userMenuContent">
-                                               <div class="userMenuItem{if !MODULE_USER_RANK} userMenuItemSingleLine{/if}">
+                                               <div class="userMenuItem{if !MODULE_USER_RANK} userMenuItemSingleLine userMenuItemUserHeader{/if}">
                                                        <div class="userMenuItemImage">
                                                                {@$__wcf->getUserProfileHandler()->getUserProfile()->getAvatar()->getImageTag(48)}
                                                        </div>

diff --git a/wcfsetup/install/files/style/ui/userMenu.scss b/wcfsetup/install/files/style/ui/userMenu.scss
index a047a0c6679b2846a9e5d64e70b93678c9824bd6..27d5963a2e49dc076f6389104a36aab96c2ad371 100644 (file)
--- a/wcfsetup/install/files/style/ui/userMenu.scss
+++ b/wcfsetup/install/files/style/ui/userMenu.scss
@@ -142,7 +142,10 @@ html:not(.touch) .userMenuButton {
        &.userMenuItemSingleLine {
                grid-template-areas: "image content";
                grid-template-rows: auto;
-               min-height: 0;
+
+               &:not(.userMenuItemUserHeader) {
+                       min-height: 0;
+               }
 
                .userMenuItemContent {
                        align-self: center;