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