mirror of
https://github.com/moparisthebest/mail
synced 2025-01-11 05:28:00 -05:00
[WO-334] Replace table for reply selection
This commit is contained in:
parent
ba22ee4674
commit
bb386299b9
@ -129,34 +129,39 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
color: $color-blue;
|
||||
user-select: none;
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
tr {
|
||||
li {
|
||||
border-bottom: 1px solid $color-grey-lighter;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
display: block;
|
||||
background: none;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
padding: 0.5em 1em 0.5em 0.3em;
|
||||
color: $color-blue;
|
||||
transition: background-color 0.3s;
|
||||
text-align: left;
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
width: 2.5em;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: darken($color-white, 2%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.seperator {
|
||||
border-bottom: 1px solid $color-grey-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 7px 5px;
|
||||
|
||||
&.left {
|
||||
padding-left: 15px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
&.right {
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
@ -62,21 +62,10 @@
|
||||
|
||||
<div class="reply-selection popover bottom">
|
||||
<div class="arrow"></div>
|
||||
<div class="popover-content">
|
||||
<table>
|
||||
<tr class="seperator" ng-click="state.writer.write(state.mailList.selected)">
|
||||
<td class="left" data-icon=""></td>
|
||||
<td class="right">Reply</td>
|
||||
</tr>
|
||||
<tr class="seperator" ng-click="state.writer.write(state.mailList.selected, true)">
|
||||
<td class="left" data-icon=""></td>
|
||||
<td class="right">Reply All</td>
|
||||
</tr>
|
||||
<tr ng-click="state.writer.write(state.mailList.selected, null, true)">
|
||||
<td class="left" data-icon=""></td>
|
||||
<td class="right">Forward</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<ul class="popover-content">
|
||||
<li><button data-icon="" ng-click="state.writer.write(state.mailList.selected)">Reply</button></li>
|
||||
<li><button data-icon="" ng-click="state.writer.write(state.mailList.selected, true)">Reply All</button></li>
|
||||
<li><button data-icon="" ng-click="state.writer.write(state.mailList.selected, null, true)">Forward</button></li>
|
||||
</ul>
|
||||
</div><!--/.reply-selection-->
|
||||
</div><!--/.view-read-->
|
||||
|
Loading…
Reference in New Issue
Block a user