Backup_Repos/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash synced 2025-12-27 02:35:18 +01:00
Code Issues Projects Releases Wiki Activity

fix (players): audio and video players icons for control

Browse source
This commit is contained in:
Mickael Kerjean 2023-04-25 01:05:35 +10:00
parent 5bcda8d53d
commit ef00fa77a3
4 changed files with 28 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
client/assets/img/pause.svg
View file

@ -1,3 +1,4 @@
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path style="fill:#6f6f6f;fill-opacity:1;stroke-width:1.06176" d="m 320.29305,81.98884 v 345.78144 c 0,9.34336 7.64456,16.98788 16.98786,16.98788 h 33.97572 c 9.34333,0 16.98786,-7.64452 16.98786,-16.98788 V 81.98884 c 0,-9.343332 -7.64453,-16.987868 -16.98786,-16.987868 h -33.97572 c -9.3433,0 -16.98786,7.644536 -16.98786,16.987868 z m -185.87858,0 v 345.78144 c 0,9.34336 7.64453,16.98788 16.98786,16.98788 h 33.97572 c 9.3433,0 16.98786,-7.64452 16.98786,-16.98788 V 81.98884 c 0,-9.343332 -7.64456,-16.987868 -16.98786,-16.987868 h -33.97572 c -9.34333,0 -16.98786,7.644536 -16.98786,16.987868 z" />
<svg viewBox="0 0 512 512" fill="#6f6f6f" xmlns="http://www.w3.org/2000/svg">
<path d="M 320,81.987868 V 427.76931 c 0,9.34336 7.6446,16.98788 16.9879,16.98788 h 25.9757 c 9.3433,0 16.9878,-7.64452 16.9878,-16.98788 V 81.987868 C 379.9514,72.644536 372.3069,65 362.9636,65 H 336.9879 C 327.6446,65 320,72.644536 320,81.987868 Z" />
<path d="M 150,81.987868 V 427.76931 c 0,9.34336 7.64455,16.98788 16.98779,16.98788 h 25.97552 c 9.34324,0 16.98769,-7.64452 16.98769,-16.98788 V 81.987868 C 209.951,72.644536 202.30655,65 192.96331,65 H 166.98779 C 157.64455,65 150,72.644536 150,81.987868 Z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 678 B

After

Width:  |  Height:  |  Size: 606 B

2
client/assets/img/play.svg
View file

@ -1,3 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 8.9281724,2.5998029 C 8.2216149,2.1532873 7.0721143,2.3920918 7.0718277,3.4001971 l -0.00489,17.2050459 c -2.889e-4,1.015715 1.2121979,1.160372 1.8661307,0.789513 C 23.97574,8.7289856 23.930152,14.104463 8.9281584,2.5998029 Z" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 357 B

After

Width:  |  Height:  |  Size: 359 B

15
client/pages/viewerpage/audioplayer.scss
View file

@ -62,12 +62,27 @@ body:not(.dark-mode) .component_audioplayer > .audioplayer_container {
background: #6f6f6f;
margin-top: -5px;
}
&::-moz-range-thumb {
-webkit-appearance: none;
height: 12px;
width: 12px;
border: none;
border-radius: 50%;
background: #6f6f6f;
margin-top: -5px;
}
&::-webkit-slider-runnable-track {
width: 100%;
height: 2px;
background-color: #6f6f6f;
border-radius: 2px;
}
&::-moz-range-track {
width: 100%;
height: 2px;
background-color: #6f6f6f;
border-radius: 2px;
}
}
}

9
client/pages/viewerpage/videoplayer.scss
View file

@ -82,6 +82,15 @@ body:not(.dark-mode) .component_videoplayer {
background: white;
margin-top: -5px;
}
&::-moz-range-thumb {
-webkit-appearance: none;
height: 12px;
width: 12px;
border: none;
border-radius: 50%;
background: white;
margin-top: -5px;
}
&::-webkit-slider-runnable-track {
width: 100%;
height: 2px;