vitalif
/
likeopera-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix button align

master
Vitaliy Filippov 2016-06-17 17:13:53 +03:00
parent 22d719490e
commit 910e806e77
3 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
icons/mail_read.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 601 B

16
mail.css
View File

@ -64,8 +64,8 @@ table, td, th
button, a.button button, a.button
{ {
display: inline-block; display: inline-block;
vertical-align: top;
cursor: default; cursor: default;
vertical-align: middle;
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
background: transparent; background: transparent;
@ -82,6 +82,12 @@ button, a.button
text-align: left; text-align: left;
/*white-space: nowrap; /*white-space: nowrap;
height: 32px;*/ height: 32px;*/
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} }
button img, a.button img button img, a.button img
@ -1231,8 +1237,7 @@ div
.message-view .message .blocked-images .button .message-view .message .blocked-images .button
{ {
vertical-align: bottom; margin: 0 20px;
margin: -3px 20px 3px;
} }
.message-view .message .blocked-images label .message-view .message .blocked-images label
@ -1244,7 +1249,7 @@ div
{ {
background: -moz-linear-gradient(top, #fef9f7 0%, #f7f2f0 100%); background: -moz-linear-gradient(top, #fef9f7 0%, #f7f2f0 100%);
background: -webkit-linear-gradient(top, #fef9f7 0%, #f7f2f0 100%); background: -webkit-linear-gradient(top, #fef9f7 0%, #f7f2f0 100%);
padding: 20px; padding: 0 20px;
border-bottom: 1px solid #bab7b5; border-bottom: 1px solid #bab7b5;
max-height: 50%; max-height: 50%;
overflow-x: hidden; overflow-x: hidden;
@ -1253,7 +1258,7 @@ div
.message-view .message .headers .top .message-view .message .headers .top
{ {
margin: 0 0 20px 0; margin: 20px 0;
} }
.message-view .message .headers .top .subject .message-view .message .headers .top .subject
@ -1294,6 +1299,7 @@ div
.message-view .message .headers .header-table .message-view .message .headers .header-table
{ {
display: table; display: table;
margin: 0 0 20px 0;
} }
.message-view .message .headers .header .message-view .message .headers .header

2
mail.htm
View File

@ -683,6 +683,7 @@
</div> </div>
<script> <script>
<!-- <!--
// TODO: virtual scroll
// TODO: expand/collapse days, handle up/down (switch messages -> days -> messages -> scroll), pgup/pgdown, home/end keys // TODO: expand/collapse days, handle up/down (switch messages -> days -> messages -> scroll), pgup/pgdown, home/end keys
// TODO: keyboard navigation in dropdowns // TODO: keyboard navigation in dropdowns
// TODO: message multiselect in list (with ctrl, shift and keyboard) // TODO: message multiselect in list (with ctrl, shift and keyboard)
@ -690,6 +691,7 @@
// TODO: quick reply // TODO: quick reply
// TODO: async backend with parallel fetch, ssh backdoor for work mail // TODO: async backend with parallel fetch, ssh backdoor for work mail
// TODO: threads // TODO: threads
// APIs: get accounts, get folders, get message groups, get messages (with virtual scroll), get message, save message
function expandChecks() function expandChecks()
{ {
var e = this.firstChild.className == 'expand'; var e = this.firstChild.className == 'expand';