moparisthebest
/
mail
mirror of https://github.com/moparisthebest/mail
1
0
Fork 0
Code Issues Releases Wiki Activity

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

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

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

@ -15,9 +15,13 @@
}
.key-list {
max-height: 400px;
position: relative;
margin: 20px;
overflow-y: scroll;
.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 {

46
src/tpl/contacts.html
View File

@ -16,30 +16,34 @@
</div>
<div class="key-list">
<table>
<tr>
<th>Key ID</th>
<th>Email</th>
<th>Created</th>
<th>Size</th>
</tr>
<tr ng-repeat="key in keys | orderBy:'userId' | filter:searchText">
<td class="hover" ng-mouseover="getFingerprint(key)" popover="#fingerprint-contact">{{key._id.slice(8)}}</td>
<td>{{key.userId}}</td>
<td>{{key.created | date:'mediumDate'}}</td>
<td>{{key.bitSize}} bit</td>
<td><button class="remove" ng-click="removeKey(key)">&#xe007;</button></td>
</tr>
</table>
</div>
<div class="key-list-scroll">
<table>
<tr>
<th>Key ID</th>
<th>Email</th>
<th>Created</th>
<th>Size</th>
</tr>
<tr ng-repeat="key in keys | orderBy:'userId' | filter:searchText">
<td class="hover" ng-mouseover="getFingerprint(key)" popover="#fingerprint-contact">{{key._id.slice(8)}}</td>
<td>{{key.userId}}</td>
<td>{{key.created | date:'mediumDate'}}</td>
<td>{{key.bitSize}} bit</td>
<td><button class="remove" ng-click="removeKey(key)">&#xe007;</button></td>
</tr>
</table>
</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 -->
<!-- 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><!-- /.lightbox-body -->