Mute visual feedback

2017-05-19 16:47:40 +12:00
parent 06f9c1d0b9
commit 929d92bbac
2 changed files with 21 additions and 7 deletions
--- a/src/scss/components/_player.scss
+++ b/src/scss/components/_player.scss
@ -151,16 +151,12 @@
 	a {
 		position: relative;
 		z-index: 99;
-	}
-
-	&:hover {
-		.slider-wrapper {
-			display: block;
-		}
+		padding: 0 !important;
 	}

 	.fa {
 		width: 6px;
+		padding: 12px;
 	}

 	.slider-wrapper {
@ -173,4 +169,22 @@
 		background: rgba(0,0,0,0.8);
 		z-index: 98;
 	}
+
+	&.muted {
+		.fa {
+			color: $red;
+		}
+
+		.slider {
+			.progress {
+				background: rgba(255,255,255,0.25);
+			}
+		}
+	}
+
+	&:hover {
+		.slider-wrapper {
+			display: block;
+		}
+	}
 }