moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2025-02-16 15:10:10 -05:00
Code Issues Releases Wiki Activity

Increase clickable area around star, rename action bar buttons

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/sass/blocks/views/_mail-list.scss
View File

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

4
src/tpl/action-bar.html
View File

@ -37,7 +37,7 @@
<ul id="dropdown-more" class="dropdown"> <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, 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 ? 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, true) : flagCheckedMessages(true)">Flag message</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, false) : flagCheckedMessages(false)">Unflag message</button></li>
</ul><!--/dropdown--> </ul><!--/dropdown-->
</div> </div>