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 {
// TODO: remove table layout -> use <dl>
table {
margin: 50px auto 60px;
td {
padding-top: 15px;
text-align: left;
&:first-child {
text-align: right;
padding-right: 15px;
font-weight: bold;
}
margin: 0;
text-align: center;
dt {
font-weight: bold;
}
dd {
margin: 0 0 10px;
}
a {
color: $color-main;
text-decoration: underline;
}
a {
color: $color-main;
text-decoration: underline;
}
& > :last-child {
margin-bottom: 0;
}
@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>
<div class="lightbox__content">
<div class="account">
<table>
<tbody>
<tr>
<td>Email</td>
<td>{{eMail}}</td>
</tr>
<tr>
<td>PGP Key ID</td>
<td>{{keyId}} (<a href="https://whiteout.io/revocation.html" title="Click to reset your account." target="_blank">Revoke key</a>)</td>
</tr>
<tr>
<td>PGP Fingerprint</td>
<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>
<dl class="account">
<dt>Email</dt>
<dd>{{eMail}}</dd>
<dt>PGP Key ID</dt>
<dd>{{keyId}} (<a href="https://whiteout.io/revocation.html" title="Click to reset your account." target="_blank">Revoke key</a>)</dd>
<dt>PGP Fingerprint</dt>
<dd><a href="{{publicKeyUrl}}" title="Click to share your public key." target="_blank">{{fingerprint}}</a></dd>
<dt>Key Size (RSA)</dt>
<dd>{{keysize}} bit</dd>
</dl>
</div>
<footer class="lightbox__controls">