Muted controls on Me.jsx don't fade out anymore

2018-11-20 13:13:02 +01:00
parent 5c768e1ae6
commit 02af6627ca
2 changed files with 13 additions and 10 deletions
@@ -33,7 +33,7 @@
 			&.visible {
 				opacity: 1;
 			}
-			
+
 			> .button {
 				flex: 0 0 auto;
 				margin: 0.2vmin;
@@ -43,13 +43,17 @@
 				background-repeat: no-repeat;
 				background-color: rgba(#000, 0.5);
 				cursor: pointer;
+				opacity: 0;
 				transition-property: opacity, background-color;
 				transition-duration: 0.15s;

+				&.visible {
+					opacity: 0.85;
+				}
+
 				+desktop() {
 					width: 24px;
 					height: 24px;
-					opacity: 0.85;

 					&:hover {
 						opacity: 1;