naoto.hieda/dmx-flok
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

imrpove slider styling

Browse source
This commit is contained in:
Sebastian Wiedenroth 2017-07-30 18:06:15 +02:00
parent 00d960e441
commit a8ad19cb67
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -16,9 +16,10 @@
}
input[type=range] {
-webkit-appearance: slider-vertical;
height: 200px;
height: 100px;
width: 60px;
margin-bottom: 2em;
margin-top: 3em;
}
input[type=range]:before {
@ -30,13 +31,14 @@
display: block;
color: #fff;
position: absolute;
margin-bottom: 2em;
top: 2em;
}
.device {
clear: both;
padding-top: 1em;
}
.channel {
position: relative;
text-align: center;
float: left;
}
@ -99,7 +101,7 @@
var html_id = get_html_id(universe, channel_id);
html += '<div class="channel">'
html += '<label for="' + html_id + '">' + devices[dev.type].channels[channel] + '</label>';
html += '<input id="' + html_id + '" type="range" min="0" value="0" max="255">'
html += '<input id="' + html_id + '" type="range" min="0" value="0" max="255" orient="vertical">'
html += '</div>'
}
html += '</div>'