Increase clickable area around star, rename action bar buttons

This commit is contained in:
Tankred Hase 2014-12-03 09:45:00 +01:00
parent 46acefd3bc
commit 6a17c5a77f
2 changed files with 7 additions and 3 deletions

View File

@ -368,12 +368,16 @@
.checkbox {
vertical-align: middle;
// add invisible padding to make increase clickable area around checkbox
// add invisible padding to increase clickable area around checkbox
margin: -0.5em 0 -0.5em -1em;
padding: 0.5em 0 0.5em 1em;
}
}
&__flags-favorite {
// add invisible padding to increase clickable area around star
margin: -0.5em 0 -0.5em;
padding: 0.5em 0 0.5em;
& > svg {
fill: $color-text-light;
&:first-child {

View File

@ -37,7 +37,7 @@
<ul id="dropdown-more" class="dropdown">
<li><button wo-touch="state.read.open ? markMessage(state.mailList.selected, false) : markCheckedMessages(false)">Mark as read</button></li>
<li><button wo-touch="state.read.open ? markMessage(state.mailList.selected, true) : markCheckedMessages(true)">Mark as unread</button></li>
<li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, true) : flagCheckedMessages(true)">Add to Favorites</button></li>
<li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, false) : flagCheckedMessages(false)">Remove from Favorites</button></li>
<li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, true) : flagCheckedMessages(true)">Flag message</button></li>
<li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, false) : flagCheckedMessages(false)">Unflag message</button></li>
</ul><!--/dropdown-->
</div>