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 { .key-list {
max-height: 400px; position: relative;
margin: 20px; margin: 20px;
.key-list-scroll {
max-height: 400px;
overflow-y: scroll; overflow-y: scroll;
}
table { table {
th, td { th, td {
@ -37,6 +41,11 @@
outline: none; 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%; height: 100%;
@include respond-to(desktop) { @include respond-to(desktop) {
height: 600px; // this number depends on max-height set on .lightbox
height: 590px; // magic number
} }
input { input {

12
src/tpl/contacts.html
View File

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