Multiple small style improvements
authorMarcel Werk <burntime@woltlab.com>
Fri, 2 Sep 2016 08:29:37 +0000 (10:29 +0200)
committerMarcel Werk <burntime@woltlab.com>
Fri, 2 Sep 2016 08:29:37 +0000 (10:29 +0200)
com.woltlab.wcf/templates/user.tpl
wcfsetup/install/files/style/layout/content.scss
wcfsetup/install/files/style/ui/attachment.scss

index 9000da0ff3fae32b6defbf776158acfd9bfef4e8..93ebfeebee9d76338e58f0284b7ac5183f8e7fa7 100644 (file)
                        <h1 class="contentTitle">
                                {$user->username}
                                {if $user->banned}<span class="icon icon16 fa-lock jsTooltip jsUserBanned" title="{lang}wcf.user.banned{/lang}"></span>{/if}
-                       </h1>
-                       {if MODULE_USER_RANK}
-                               {if $user->getUserTitle()}
-                                       <span class="badge userTitleBadge{if $user->getRank() && $user->getRank()->cssClassName} {@$user->getRank()->cssClassName}{/if}">{$user->getUserTitle()}</span>
-                               {/if}
-                               {if $user->getRank() && $user->getRank()->rankImage}
-                                       <span class="userRankImage">{@$user->getRank()->getImage()}</span>
+                               {if MODULE_USER_RANK}
+                                       {if $user->getUserTitle()}
+                                               <span class="badge userTitleBadge{if $user->getRank() && $user->getRank()->cssClassName} {@$user->getRank()->cssClassName}{/if}">{$user->getUserTitle()}</span>
+                                       {/if}
+                                       {if $user->getRank() && $user->getRank()->rankImage}
+                                               <span class="userRankImage">{@$user->getRank()->getImage()}</span>
+                                       {/if}
                                {/if}
-                       {/if}
+                       </h1>
+                       
                        <div class="contentDescription">
                                <ul class="inlineList commaSeparated">
                                        {if $user->isVisibleOption('gender') && $user->gender}<li>{lang}wcf.user.gender.{if $user->gender == 1}male{else}female{/if}{/lang}</li>{/if}
index 78d3aa4b7b8cca71c690c1abff56d3e3254a121b..513fd0069910d4d72303dd500bfddfb51eec5a57 100644 (file)
                        
                        @include wcfLineHeight;
                }
-       }
-       
-       a {
-               color: $wcfContentHeadlineLink;
                
-               &:hover {
-                       color: $wcfContentHeadlineLinkActive;
+               a {
+                       color: $wcfContentHeadlineLink;
+                       
+                       &:hover {
+                               color: $wcfContentHeadlineLinkActive;
+                       }
                }
        }
 }
@@ -75,6 +75,7 @@
        
        @include screen-md-up {
                display: flex;
+               align-items: flex-start;
                
                .contentHeaderIcon {
                        flex: 0 0 64px;
index b15b2b6ed5b668d66fffa5b40214201a817af86f..e28a2e233e64df70a9e3cda2f5981268103187af 100644 (file)
                backface-visibility: hidden;
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .5) 100%);
                bottom: 0;
-               left: 5px;
+               left: 2px;
                position: absolute;
-               right: 5px;
-               top: 5px;
+               right: 2px;
+               top: 2px;
                transform: translate3d(0, 0, 0);
        }