Fixed message buttons and improved tooltip UX

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index e4251ff7c8d28cbc7d14dd06109067a8eebe0a1d..8cbd350e19604586d0a129b240486af95f574709 100644 (file)
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -167,6 +167,18 @@
        &.forceVisible {
                opacity: 1 !important;
        }
+       
+       > li {
+               display: flex;
+               
+               > a {
+                       align-items: center;
+               }
+       }
+       
+       .icon + span:not(.invisible)  {
+               margin-left: 5px;
+       }
 }
 
 .message:hover {

diff --git a/wcfsetup/install/files/style/ui/tooltip.scss b/wcfsetup/install/files/style/ui/tooltip.scss
index 0193545f6f63b69005b12eb4d148223c16d195b4..55d638bb9693b879daacb2fa7cfcbe1fdfe8ae00 100644 (file)
--- a/wcfsetup/install/files/style/ui/tooltip.scss
+++ b/wcfsetup/install/files/style/ui/tooltip.scss
@@ -2,12 +2,11 @@
        background-color: $wcfTooltipBackground;
        color: $wcfTooltipText;
        max-width: 300px;
-       opacity: 0;
        padding: 5px 10px;
        pointer-events: none;
        position: absolute;
        top: 0;
-       transition: visibility 0s linear .2s, opacity .2s linear .2s;
+       transition: visibility 0s linear .2s;
        visibility: hidden;
        z-index: 800;
        
@@ -26,7 +25,6 @@
        @include boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
        
        &.active {
-               opacity: 1;
                visibility: visible;
                
                transition-delay: 0s;