moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-26 10:52:17 -05:00
Code Issues Releases Wiki Activity

rewritten account lightbox without tables

Browse Source
This commit is contained in:
Mario Volke 2014-11-06 16:55:14 +01:00 committed by Tankred Hase
parent 4b73492aa5
commit 5884b1231f
2 changed files with 50 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/sass/blocks/views/_account.scss
View File

@ -1,20 +1,42 @@
.account { .account {
// TODO: remove table layout -> use <dl> margin: 0;
table { text-align: center;
margin: 50px auto 60px; dt {
td { font-weight: bold;
padding-top: 15px; }
text-align: left; dd {
&:first-child { margin: 0 0 10px;
text-align: right; }
padding-right: 15px; a {
font-weight: bold; color: $color-main;
} text-decoration: underline;
}
a { & > :last-child {
color: $color-main; margin-bottom: 0;
text-decoration: underline; }
}
@include respond-to(md) {
@include scut-clearfix;
dt ~ dt,
dd ~ dd {
margin: 10px 0 0;
}
dt {
float: left;
padding-right: 0.5em;
text-align: right;
width: 50%;
margin: 0;
}
dd {
float: right;
padding-left: 0.5em;
text-align: left;
width: 50%;
margin: 0;
} }
} }
} }

35
src/tpl/account.html
View File

@ -7,28 +7,19 @@
</header> </header>
<div class="lightbox__content"> <div class="lightbox__content">
<div class="account"> <dl class="account">
<table> <dt>Email</dt>
<tbody> <dd>{{eMail}}</dd>
<tr>
<td>Email</td> <dt>PGP Key ID</dt>
<td>{{eMail}}</td> <dd>{{keyId}} (<a href="https://whiteout.io/revocation.html" title="Click to reset your account." target="_blank">Revoke key</a>)</dd>
</tr>
<tr> <dt>PGP Fingerprint</dt>
<td>PGP Key ID</td> <dd><a href="{{publicKeyUrl}}" title="Click to share your public key." target="_blank">{{fingerprint}}</a></dd>
<td>{{keyId}} (<a href="https://whiteout.io/revocation.html" title="Click to reset your account." target="_blank">Revoke key</a>)</td>
</tr> <dt>Key Size (RSA)</dt>
<tr> <dd>{{keysize}} bit</dd>
<td>PGP Fingerprint</td> </dl>
<td><a href="{{publicKeyUrl}}" title="Click to share your public key." target="_blank">{{fingerprint}}</a></td>
</tr>
<tr>
<td>Key Size (RSA)</td>
<td>{{keysize}} bit</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
<footer class="lightbox__controls"> <footer class="lightbox__controls">