WebDev/VersaWhiteboard
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add indicator on thickness slider to show the tool affected

Browse Source
This commit is contained in:
raphael
2019-02-05 13:51:59 +01:00
parent 2a2102f725
commit 4e76f40aea
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@@ -63,7 +63,8 @@
</button>
</div>
<div style="width: 190px; height: 44px; border: 1px solid green;" class="btn-group">
<div style="position:relative; width: 190px; height: 44px; border: 1px solid green;" class="btn-group">
<div class="activeToolIcon" style="position:absolute; top:2px; left:2px; font-size: 0.6em;"><i class="fa fa-pencil-alt"></i></div>
<img style="position: absolute; left: 11px; top: 16px; height:14px; width:130px;" src="./img/slider-background.svg">
<input title="Thickness" id="whiteboardThicknessSlider" style="position: absolute; left:9px; width: 130px; top: 15px;"
type="range" min="1" max="50" value="3">