blob: c078600880fa308107f3f00a0a0cd1d886ed6d54 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
/**
* @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
*
* @author John Molakvoæ <skjnldsv@protonmail.com>
* author Team Popcorn <teampopcornberlin@gmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
// contacts settings section
#app-settings-content {
.settings-section {
display: flex;
align-items: center;
}
}
#new-addressbook-form {
display: flex;
}
// Sort Contacts
.sort-contacts {
.multiselect.multiselect-vue {
width: 120px;
margin-left: 5px;
}
input#sort-by, .multiselect__single {
padding: 6px 12px;
min-height: 34px;
text-align: center;
background: url(/core/css/../img/actions/triangle-s.svg) no-repeat right 4px center;
background-color: inherit;
outline: 0;
padding-right: 24px !important;
}
}
// Import contacts
.import-contact {
display: flex;
flex-direction: column;
.multiselect-label {
width: 100%;
padding: 6px 12px 6px 34px;
margin: 0;
border-radius: var(--border-radius) var(--border-radius) 0 0;
background: url(/core/css/../img/actions/upload.svg) no-repeat left 9px center;
background-color: #f7f7f7;
z-index: 2;
}
.multiselect-vue {
width: 100%;
margin: 0;
}
.multiselect-vue .multiselect__tags {
border: 1px solid var(--color-border-dark);
border-radius: 0 0 var(--border-radius) var(--border-radius);
margin-top: -1px;
}
}
// Add address book
.new-address-book {
input[type='text'] + .icon-confirm, input[type='password'] + .icon-confirm, input[type='email'] + .icon-confirm {
opacity: 0.5;
}
.new-address-book-input {
border-color: var(--color-border-dark);
}
}
|
