Add "lock" and "visible" icons to checkboxes in entity properties tab

This commit is contained in:
David Rowe 2016-04-13 17:09:10 +12:00
parent 9e2c844dc0
commit e8f627e3fe
2 changed files with 15 additions and 2 deletions

View file

@ -972,6 +972,19 @@ textarea:enabled[scrolling="true"]::-webkit-resizer {
background-position-y: 1px;
}
#properties-header .checkbox label span {
font-family: HiFi-Glyphs;
font-size: 20px;
padding-right: 6px;
vertical-align: top;
position: relative;
top: -4px;
}
#properties-header input[type=checkbox]:checked + label span {
color: #ffffff;
}
#properties-header + hr {
margin-top: 12px;
}

View file

@ -1295,11 +1295,11 @@
</div>
<div class="property checkbox">
<input type="checkbox" id="property-locked">
<label for="property-locked">Locked</label>
<label for="property-locked"><span>&#xe006;</span>&nbsp;Locked</label>
</div>
<div class="property checkbox">
<input type="checkbox" id="property-visible">
<label for="property-visible">Visible</label>
<label for="property-visible"><span>&#xe007;</span>&nbsp;Visible</label>
</div>
</div>
<hr />