Realtime palette + cursor corresponding to the brush

This commit is contained in:
yflory
2017-04-05 18:59:58 +02:00
parent d07acc5364
commit 8e29e30a35
2 changed files with 88 additions and 27 deletions

View File

@@ -41,6 +41,10 @@
z-index: 100;
border: 3px solid black;
padding: 5px;
vertical-align: top;
}
.selected {
margin-right: 20px;
}
#copy {
padding-left: 75px;
@@ -51,6 +55,7 @@
display: inline-block;
margin: 5px;
border: 2px solid black;
vertical-align: top;
}
#controls {
display: block;
@@ -76,7 +81,7 @@
<div id="controls">
<button id="clear">Clear</button>
<input id="width" type="range" value="5" min="1" max="100"></input><label for="width">5</label>
<div id="colors">&nbsp;</div>
<div id="colors"><div class="selected-container"><span class="selected"></span></div>&nbsp;</div>
</div>
<div id="loading">
@@ -88,6 +93,7 @@
<p data-localization="loading"></p>
</div>
</div>
<div id="cursors" style="display: none; background: white; text-align: center;"></div>
<div id="pickers" style="display: none;"></div>
</body>
</html>