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