ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: remove need for iOS-specific styling

Browse Source
This commit is contained in:
Sam Potts 2023-03-09 22:33:15 +11:00
parent 185bb4c7cc
commit c4a566dbff
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/sass/components/volume.scss
View File

@ -5,21 +5,19 @@
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%;
input[type='range'] {
margin-left: calc(#{$plyr-control-spacing} / 2);
margin-right: calc(#{$plyr-control-spacing} / 2);
max-width: 90px;
min-width: 60px;
position: relative;
z-index: 2;
}
}
// Auto size on iOS as there's no slider
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto;
// Set size if there's a slider
.plyr__volume:has(input[type='range']) {
// width: 20%;
}