User profile style optimization / cleanup
authorMarcel Werk <burntime@woltlab.com>
Mon, 8 Feb 2016 15:06:34 +0000 (16:06 +0100)
committerMarcel Werk <burntime@woltlab.com>
Mon, 8 Feb 2016 15:06:44 +0000 (16:06 +0100)
wcfsetup/install/files/style/layout/box.scss
wcfsetup/install/files/style/layout/containerList.scss
wcfsetup/install/files/style/layout/sidebar.scss
wcfsetup/install/files/style/ui/userProfile.scss

index 31a756b5a78235117b46729c36e15634678365b7..6d32d007c4f57416cf891e6d5c4d26724ea74356 100644 (file)
@@ -13,7 +13,7 @@
        @extend .wcfFontHeadline;
        
        & + .boxContent {
-               margin-top: 10px;
+               margin-top: 15px;
        }
 }
 
index 09e98076407e8331d96b352a9688bb3ee69f8a61..a220e26c22e3d82e5ea8c20c50ffd2d5b5a540bc 100644 (file)
        }
 }
 
-.likeList > .likeTypeSelection {
-       text-align: right;
-       
-       > .buttonGroup {
-               display: inline-flex;
-       }
-}
+
 
 /*
 .userList .userInformation {
index d90cfcc98ec587c9dff33afeac14bcc220ba6281..c7967003446bd50e12d67ff0e25cd62df5ed586f 100644 (file)
@@ -24,7 +24,7 @@
                section:not(.box) > h1,
                fieldset > legend {
                        color: $wcfSidebarHeadlineText;
-                       margin-bottom: 10px;
+                       margin-bottom: 15px;
                        
                        @extend .wcfFontHeadline;
                        
@@ -58,7 +58,7 @@
                        
                        .button.more {
                                float: right;
-                               margin-top: 10px;
+                               margin-top: 15px;
                        }
                }
        }
@@ -66,7 +66,7 @@
        .boxTitle {
                .badge {
                        float: right;
-                       margin-top: 5px;
+                       margin-top: 3px;
                }
        }
 }
index 7479d1d806f4455733e64b20f443a8553101b415..58bff6894998cf22118aab4007ac6e7ce231b79f 100644 (file)
@@ -1,41 +1,5 @@
+/* todo
 .userProfile .sidebar {
-       position: relative;
-       
-       > section {
-               // TODO: background-color: $wcfContentBackgroundAccent;
-               border-radius: 0;
-               // TODO: color: $wcfContentTextAccent;
-               
-               a,
-               dd,
-               h1 {
-                       // TODO: color: $wcfContentTextAccent;
-               }
-               
-               &:first-child {
-                       border-top-left-radius: 3px;
-                       border-top-right-radius: 3px;
-               }
-               
-               &:last-child {
-                       border-bottom-left-radius: 3px;
-                       border-bottom-right-radius: 3px;
-               }
-               
-               &:not(:first-child) {
-                       margin-top: 0;
-                       
-                       &:before {
-                               // TODO: border-top: 2px solid $wcfContentBorderAccent;
-                               content: "";
-                               left: 0;
-                               margin-top: -15px;
-                               position: absolute;
-                               right: 0;
-                       }
-               }
-       }
-       
        > .userDetails {
                position: relative;
                text-align: center;
                }
        }
 }
-/*
-.username {
-       @extend .wcfFontHeadline;
-}*/
+*/
 
 .userAvatarList {
        display: flex;
        flex-wrap: wrap;
-       margin-bottom: -10px;
+       margin-bottom: -15px;
        
        > li {
                flex: 0 0 25%;
-               margin-bottom: 10px;
+               margin-bottom: 15px;
                text-align: center;
                
                > a {
                align-items: center;
        }
 }
+
+.likeList {
+       > .likeTypeSelection {
+               text-align: right;
+               
+               &:hover {
+                       background-color: transparent;
+               }
+               
+               > .buttonGroup {
+                       display: inline-flex;
+                       
+                       &:not(:first-child) {
+                               margin-left: 5px;
+                       }
+               }
+       }
+}