From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 20 Mar 2016 09:55:52 +0000 (+0100)
Subject: Using consistent transition durations
X-Git-Tag: 3.0.0_Beta_1~2000
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=5bcef578cba1d4d6b0e801a924213ce244b05b36;p=GitHub%2FWoltLab%2FWCF.git

Using consistent transition durations

`.12s` -> short
`.3s` -> long
---

diff --git a/wcfsetup/install/files/style/layout/containerList.scss b/wcfsetup/install/files/style/layout/containerList.scss
index 1fec3a71fa..75b06694ca 100644
--- a/wcfsetup/install/files/style/layout/containerList.scss
+++ b/wcfsetup/install/files/style/layout/containerList.scss
@@ -50,7 +50,7 @@
 		position: absolute;
 		right: 20px;
 		top: 18px;
-		transition: opacity .2s;
+		transition: opacity .12s;
 		
 		> ul {
 			background-color: $wcfContentBackground;
diff --git a/wcfsetup/install/files/style/ui/dialog.scss b/wcfsetup/install/files/style/ui/dialog.scss
index b518c0acb9..13be14ee99 100644
--- a/wcfsetup/install/files/style/ui/dialog.scss
+++ b/wcfsetup/install/files/style/ui/dialog.scss
@@ -202,7 +202,7 @@
 	text-align: center;
 	top: 200px;
 	transform: translateX(-50%);
-	transition: visibility 0s linear .1s, opacity .1s linear;
+	transition: visibility 0s linear .12s, opacity .12s linear;
 	visibility: hidden;
 	z-index: 401;
 	
@@ -227,7 +227,7 @@
 	position: fixed;
 	top: 0;
 	transform: translateY(-100%);
-	transition: visibility .2s linear .2s, transform .2s linear, opacity .2s linear;
+	transition: visibility .12s linear .12s, transform .12s linear, opacity .12s linear;
 	visibility: hidden;
 	width: 100%;
 	z-index: 460;
diff --git a/wcfsetup/install/files/style/ui/media.scss b/wcfsetup/install/files/style/ui/media.scss
index 9288cde03a..e5dc105b08 100644
--- a/wcfsetup/install/files/style/ui/media.scss
+++ b/wcfsetup/install/files/style/ui/media.scss
@@ -1,5 +1,4 @@
 #mediaManagerMediaUploadButton > .button {
-	box-sizing: border-box;
 	margin: 0;
 	text-align: center;
 	width: 100%;
diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index 11ab8ba993..bde79c44f6 100644
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -414,7 +414,7 @@
 	border-top: 1px solid rgb(238, 238, 238);
 	opacity: .6;
 	padding-top: 10px;
-	transition: opacity .2s linear;
+	transition: opacity .12s linear;
 }
 
 .message:hover .messageSignature {
@@ -426,7 +426,7 @@
 	
 	justify-content: flex-end;
 	//opacity: .3;
-	transition: opacity .2s linear;
+	transition: opacity .12s linear;
 	
 	&.forceVisible {
 		//opacity: 1 !important;
diff --git a/wcfsetup/install/files/style/ui/messageGroup.scss b/wcfsetup/install/files/style/ui/messageGroup.scss
index 7edd92b61a..10a11b360b 100644
--- a/wcfsetup/install/files/style/ui/messageGroup.scss
+++ b/wcfsetup/install/files/style/ui/messageGroup.scss
@@ -98,7 +98,7 @@
 			
 			> p > img {
 				opacity: .6;
-				transition: opacity .2s;
+				transition: opacity .12s;
 			}
 		}
 		
@@ -141,7 +141,7 @@
 			display: flex;
 			float: right;
 			opacity: .6;
-			transition: opacity .2s;
+			transition: opacity .12s;
 			
 			> .statusIcons {
 				align-items: center;
@@ -241,7 +241,7 @@
 	.pagination {
 		flex: 0 0 auto;
 		opacity: 0;
-		transition: opacity .2s;
+		transition: opacity .12s;
 		
 		@include wcfFontSmall;
 		
diff --git a/wcfsetup/install/files/style/ui/redactor.scss b/wcfsetup/install/files/style/ui/redactor.scss
index d269e622a4..b2f5c8ec87 100644
--- a/wcfsetup/install/files/style/ui/redactor.scss
+++ b/wcfsetup/install/files/style/ui/redactor.scss
@@ -129,7 +129,7 @@
 			right: 0;
 			text-align: center;
 			top: 0;
-			transition: opacity .2s linear;
+			transition: opacity .12s linear;
 			z-index: 200;
 			
 			> div {
diff --git a/wcfsetup/install/files/style/ui/tabMenu.scss b/wcfsetup/install/files/style/ui/tabMenu.scss
index 68c8267754..ff489348a0 100644
--- a/wcfsetup/install/files/style/ui/tabMenu.scss
+++ b/wcfsetup/install/files/style/ui/tabMenu.scss
@@ -30,7 +30,7 @@
 			border-top: 1px solid $wcfContentLink;
 			bottom: 0;
 			position: absolute;
-			transition: transform .2s linear, width .2s linear;
+			transition: transform .12s linear, width .12s linear;
 		}
 	}
 	
@@ -95,7 +95,7 @@
 		border-top: 1px solid $wcfContentLink;
 		bottom: -5px;
 		position: absolute;
-		transition: transform .2s linear, width .2s linear;
+		transition: transform .12s linear, width .12s linear;
 	}
 	
 	& + .tabMenuContent {
diff --git a/wcfsetup/install/files/style/ui/tabularBox.scss b/wcfsetup/install/files/style/ui/tabularBox.scss
index bc9845c4ca..19fa9f9ed1 100644
--- a/wcfsetup/install/files/style/ui/tabularBox.scss
+++ b/wcfsetup/install/files/style/ui/tabularBox.scss
@@ -7,7 +7,7 @@
 .tabularListRow {
 	flex: 0 0 auto;
 	padding: 5px 0;
-	transition: background-color .2s;
+	transition: background-color .12s;
 	
 	&.divider + li:not(.divider) {
 		border-top-color: $wcfContentBorder;
@@ -117,7 +117,7 @@
 		
 		.collapsibleButton {
 			cursor: pointer;
-			transition: transform .2s linear;
+			transition: transform .12s linear;
 		}
 	}
 }
diff --git a/wcfsetup/install/files/style/ui/tooltip.scss b/wcfsetup/install/files/style/ui/tooltip.scss
index 4c544c72be..6bdf15e833 100644
--- a/wcfsetup/install/files/style/ui/tooltip.scss
+++ b/wcfsetup/install/files/style/ui/tooltip.scss
@@ -6,7 +6,7 @@
 	pointer-events: none;
 	position: absolute;
 	top: 0;
-	transition: visibility 0s linear .2s;
+	transition: visibility 0s linear .12s;
 	visibility: hidden;
 	z-index: 800;