Some minor style tweaks

diff --git a/wcfsetup/install/files/style/layout/global.scss b/wcfsetup/install/files/style/layout/global.scss
index bcb876c03ad08dc370e472fc7a27f72b3e70872f..d8a3a878a818fe0a044e25b73d4d176ab39ac845 100644 (file)
--- a/wcfsetup/install/files/style/layout/global.scss
+++ b/wcfsetup/install/files/style/layout/global.scss
@@ -38,17 +38,18 @@
        
        > :last-child {
                flex: 1;
+               overflow: hidden;
        }
 }
 
 .box16 { @include box(16px, 5px); }
-.box24 { @include box(24px, 5px); }
-.box32 { @include box(32px, 8px); }
-.box48 { @include box(48px, 10px); }
-.box64 { @include box(64px, 10px); }
+.box24 { @include box(24px, 8px); }
+.box32 { @include box(32px, 10px); }
+.box48 { @include box(48px, 12px); }
+.box64 { @include box(64px, 15px); }
 .box96 { @include box(96px, 15px); }
 .box128 { @include box(128px, 20px); }
-.box256 { @include box(256px, 20px); }
+.box256 { @include box(256px, 30px); }
 
 .wcfFontDefault {
        font-size: $wcfFontSizeDefault;

diff --git a/wcfsetup/install/files/style/layout/layout.scss b/wcfsetup/install/files/style/layout/layout.scss
index 01e9536ed581dda3a39a8fec62554d22ee277581..ba82c673d81c2d8ced0e8027825980ed3d6405e7 100644 (file)
--- a/wcfsetup/install/files/style/layout/layout.scss
+++ b/wcfsetup/install/files/style/layout/layout.scss
@@ -74,6 +74,7 @@ a {
        
        .sidebar {
                flex: 0 0 310px;
+               overflow: hidden;
                
                &:first-child {
                        margin-right: 30px;

diff --git a/wcfsetup/install/files/style/layout/sidebar.scss b/wcfsetup/install/files/style/layout/sidebar.scss
index c4ba60c3052f9425df8e9e9af96ef159a8c593b6..7637b19f47d9653b1fbca97b4175381d8f9ac5d6 100644 (file)
--- a/wcfsetup/install/files/style/layout/sidebar.scss
+++ b/wcfsetup/install/files/style/layout/sidebar.scss
@@ -60,8 +60,6 @@
                > div,
                > fieldset,
                > section {
-                       overflow: hidden;
-                       
                        .button.more {
                                float: right;
                                margin-top: 15px;
@@ -75,6 +73,21 @@
                        top: 2px;
                }
        }
+       
+       .sidebarBoxList {
+               
+               > li {
+                       &:not(:last-child) {
+                               margin-bottom: 10px;
+                       }
+               }
+               
+               /*.sidebarBoxHeadline > h3 {
+                       overflow: hidden;
+                       text-overflow: ellipsis;
+                       white-space: nowrap;
+               }*/
+       }
 }
 
 /*.sidebar {// @todo
@@ -117,9 +130,4 @@
                padding: 5px 0;
        }
 }
-
-.sidebarBoxHeadline > h3 {
-       overflow: hidden;
-       text-overflow: ellipsis;
-       white-space: nowrap;
-}*/
+*/

diff --git a/wcfsetup/install/files/style/ui/badge.scss b/wcfsetup/install/files/style/ui/badge.scss
index 01ec5251132ba04830f9aa4e5fcfd56dd04dd60a..ab2fd89072537ea13deef068a6cf2ee944fa34b8 100644 (file)
--- a/wcfsetup/install/files/style/ui/badge.scss
+++ b/wcfsetup/install/files/style/ui/badge.scss
@@ -72,7 +72,6 @@ a.badge {
        }
 }
 
-.badge:hover,
 a.badge:hover {
        color: $wcfContentBackground;
        text-decoration: none;

diff --git a/wcfsetup/install/files/style/ui/button.scss b/wcfsetup/install/files/style/ui/button.scss
index 8dc0eb90fb7ed0659b278912bfe897fddd887b4b..1efda01a04d5bae2a0efb02b2ac7bffca8733c4f 100644 (file)
--- a/wcfsetup/install/files/style/ui/button.scss
+++ b/wcfsetup/install/files/style/ui/button.scss
@@ -135,11 +135,13 @@ a.button.buttonPrimary { // a.button is required to override link formatting, su
                }
                
                &:first-child .button {
-                       border-radius: 3px 0 0 3px;
+                       border-top-left-radius: 3px;
+                       border-bottom-left-radius: 3px;
                }
                
                &:last-child .button {
-                       border-radius: 0 3px 3px 0;
+                       border-top-right-radius: 3px;
+                       border-bottom-right-radius: 3px;
                }
                
                .button {