Volume control on mobile

2018-06-01 20:44:30 +12:00
parent 50ad2e8ce1
commit 71e4782958
2 changed files with 14 additions and 2 deletions
--- a/src/scss/components/_snapcast-volume-control.scss
+++ b/src/scss/components/_snapcast-volume-control.scss
@ -14,6 +14,7 @@
 		text-align: left;
 		border-radius: 3px;
 		box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
+		z-index: 9;

 		&:after {
 			content: '';
@ -56,5 +57,16 @@
 			}
 		}
 	}
+
+	@include responsive($bp_medium){
+		.volumes {
+			width: 86vw;
+			right: 0;
+
+			&:after {
+				right: 9px;
+			}
+		}
+	}
 }