Skip to content

Instantly share code, notes, and snippets.

@juliandescottes
Created January 15, 2017 11:17
Show Gist options
  • Save juliandescottes/ad17aa8a91d4d178957253583efd773d to your computer and use it in GitHub Desktop.
Save juliandescottes/ad17aa8a91d4d178957253583efd773d to your computer and use it in GitHub Desktop.
<div class="dialog-wrapper">
<h3 class="dialog-head">Set layer opacity<span class="dialog-close">X</span>
</h3>
<div class="dialog-content" style="padding:10px 20px; font-size:1.5em; overflow: auto;">
<div>Set opacity for <b>Layer 1</b></div>
<div style="
margin-top: 10px;
/* float: right; */
display: inline-block;
"><form>
<div style="
overflow: hidden;
">
<input type="range" min="0" max="1" step="0.1" style="
margin-top: 0px;
float: left;
">
<input type="text" class="textfield" style="width: 50px;float: left;margin-left: 10px;">
</div>
<div class="canvas-background" style="/* float: left; */height: 200px;border: 1px solid gold;position: relative;margin-top: 10px;width: 200px;">
<div style="
background: gold;
color: black;
font-size: 0.7em;
position: absolute;
border-radius: 0 0 3px 0;
padding: 5px;
">preview</div></div><div style="
margin-top: 15px;
text-align: right;
">
<button class="button">Cancel</button>
<button class="button button-primary">OK</button>
</div></form>
</div></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment