Fix size of progress container

Signed-off-by: julia.kirschenheuter <[email protected]>
nextcloud · skjnldsv · Jun 8, 2023 · Jun 6, 2023 · Jun 8, 2023 · c4eb4294dec9a4b2c2fffcc3f9ec171a543f4429
commit c4eb4294dec9a4b2c2fffcc3f9ec171a543f4429
diff --git a/cypress/snapshots/base/visual-regression.cy.js/image.png b/cypress/snapshots/base/visual-regression.cy.js/image.png
diff --git a/cypress/snapshots/base/visual-regression.cy.js/image2.png b/cypress/snapshots/base/visual-regression.cy.js/image2.png
diff --git a/cypress/snapshots/base/visual-regression.cy.js/non-dav.png b/cypress/snapshots/base/visual-regression.cy.js/non-dav.png
diff --git a/cypress/snapshots/base/visual-regression.cy.js/video.png b/cypress/snapshots/base/visual-regression.cy.js/video.png
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/mixins/Plyr.scss b/src/mixins/Plyr.scss
@@ -15,7 +15,6 @@
 		flex-wrap: wrap;
 		.plyr__volume,
 		.plyr__progress__container {
-			min-width: 120px;
 			max-width: 100%;
 			flex: 1 1;
 		}
@@ -91,4 +90,10 @@
 		height: var(--plyr-range-track-height, 5px);
 		background: transparent;
 	}
+
+	@media only screen and (max-width: 480px) {
+		.plyr__volume {
+			display: none;
+		}
+	}
 }