okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change appearance of the alt volume slider

Browse source
This commit is contained in:
vapormusic 2021-12-08 22:21:03 +07:00
parent f76fa0bd1f
commit 71d75f4fae
2 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
resources/cider-ui-tests/style.css
View file

@ -713,6 +713,20 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
display: none !important; display: none !important;
} }
.web-slider.display--small{
margin: 10px;
}
input[type="range"].web-slider.display--small::-webkit-slider-thumb {
-webkit-appearance: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: rgb(50 50 50);
cursor: default;
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
}
/* Window is smaller <= 1023px width */ /* Window is smaller <= 1023px width */
@media only screen and (max-width: 1023px) { @media only screen and (max-width: 1023px) {
.display--small { .display--small {

2
resources/cider-ui-tests/views/main.ejs
View file

@ -168,7 +168,7 @@
</div> </div>
</transition> </transition>
<div class="app-sidebar-footer"> <div class="app-sidebar-footer">
<input type="range" class="display--small" step="0.01" min="0" max="1" v-model="mk.volume" <input type="range" class="web-slider display--small" step="0.01" min="0" max="1" v-model="mk.volume"
v-if="typeof mk.volume != 'undefined'"> v-if="typeof mk.volume != 'undefined'">
<button class="app-sidebar-button" style="width:100%" <button class="app-sidebar-button" style="width:100%"
@click="chrome.menuOpened = !chrome.menuOpened"> @click="chrome.menuOpened = !chrome.menuOpened">