Realtime palette + cursor corresponding to the brush
This commit is contained in:
@@ -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"> </div>
|
||||
<div id="colors"><div class="selected-container"><span class="selected"></span></div> </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>
|
||||
|
||||
Reference in New Issue
Block a user