From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 16 Nov 2015 23:52:06 +0000 (+0100)
Subject: Fixed message buttons and improved tooltip UX
X-Git-Tag: 3.0.0_Beta_1~2030^2~250
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=70e2cd6e643993e1a3927fd7eb6f9c6ee108a0a9;p=GitHub%2FWoltLab%2FWCF.git

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 e4251ff7c8..8cbd350e19 100644
--- 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 0193545f6f..55d638bb96 100644
--- 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;