moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-08-13 16:43:47 -04:00
Code Issues Releases Wiki Activity

optimized contact popup for mobile

Browse Source
This commit is contained in:
Mario Volke 2014-06-16 14:20:01 +02:00
parent 181902d3a7
commit 234c0ca485
2 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,16 +1,35 @@
.view-contacts {
.key-controls {
display: flex;
flex-direction: row;
margin: 30px;
input[type=text] {
line-height: 23px;
.key-controls-search {
flex-grow: 1;
input[type=text] {
line-height: 23px;
width: 100%;
}
}
.key-controls-import {
display: block;
width: 8em;
flex-shrink: 0;
margin-left: 0.5em;
input[type=file] {
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
.btn {
width: 100%;
}
input[type=file] {
visibility: hidden;
width: 0;
height: 0;
@include respond-to(desktop) {
width: 10em;
}
}
}

10
src/tpl/contacts.html
View File

@ -8,11 +8,13 @@
<div class="view-contacts">
<div class="key-controls">
<input class="input-text" type="text" placeholder="Search..." ng-model="searchText">
<span>
<div class="key-controls-search">
<input class="input-text" type="text" placeholder="Search..." ng-model="searchText">
</div>
<div class="key-controls-import">
<input id="keyfile-input" type="file" multiple accept=".asc" keyfile-input>
<button class="btn" ng-class="{'btn-primary': sendBtnSecure === false}" keyfile-btn>Import public keys</button>
</span>
<button class="btn" ng-class="{'btn-primary': sendBtnSecure === false}" keyfile-btn>Import keys</button>
</div>
</div>
<div class="key-list">