moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2025-01-31 07:00:17 -05:00
Code Issues Releases Wiki Activity

[WO-336] Fix floating fingerprint popup in contacts view

Browse Source
This commit is contained in:
Tankred Hase 2014-04-23 17:45:49 +02:00
parent 23be9c823d
commit ba22ee4674
3 changed files with 39 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/sass/views/_contacts.scss
View File

@ -15,9 +15,13 @@
}
.key-list {
max-height: 400px;
position: relative;
margin: 20px;
.key-list-scroll {
max-height: 400px;
overflow-y: scroll;
}
table {
th, td {
@ -37,6 +41,11 @@
outline: none;
}
}
// pull popover upwards to keep popup inside lightbox
.popover {
margin-top: -20px;
}
}
}

3
src/sass/views/_write.scss
View File

@ -8,7 +8,8 @@
height: 100%;
@include respond-to(desktop) {
height: 600px;
// this number depends on max-height set on .lightbox
height: 590px; // magic number
}
input {

12
src/tpl/contacts.html
View File

@ -16,6 +16,7 @@
</div>
<div class="key-list">
<div class="key-list-scroll">
<table>
<tr>
<th>Key ID</th>
@ -31,15 +32,18 @@
<td><button class="remove" ng-click="removeKey(key)">&#xe007;</button></td>
</tr>
</table>
</div>
</div><!-- /.view-contacts -->
</div><!-- /.content -->
</div><!--/.key-list-scroll-->
<!-- popovers -->
<div id="fingerprint-contact" class="popover right" ng-controller="PopoverCtrl">
<div class="popover-title"><b>Fingerprint</b></div>
<div class="popover-content">{{fingerprint}}</div>
</div><!--/.popover-->
</div><!--/.key-list-->
</div><!-- /.view-contacts -->
</div><!-- /.content -->
</div><!-- /.lightbox-body -->