summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2018-11-09 14:27:41 +0100
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2018-11-09 14:27:41 +0100
commit74e055d024050f9d936f5e5d6c5b7f93d6c207d8 (patch)
tree6bd0b69413c162f405df762efee127025cc6163f /css
parentf78f8cde14fb59a35fa8d5801b22acd121b5eef6 (diff)
Settings section cleanup
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r--css/SettingsSection.scss25
1 files changed, 13 insertions, 12 deletions
diff --git a/css/SettingsSection.scss b/css/SettingsSection.scss
index c4989001..03cc55bf 100644
--- a/css/SettingsSection.scss
+++ b/css/SettingsSection.scss
@@ -39,12 +39,14 @@
width: 120px;
margin-left: 5px;
}
- input#sort-by, .multiselect__single {
+ 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;
+ background-repeat: no-repeat;
+ background-position: right 4px center;
+ @include icon-color('triangle-s', 'actions', $color-black, 1, true);
outline: 0;
padding-right: 24px !important;
}
@@ -54,22 +56,21 @@
.import-contact {
display: flex;
flex-direction: column;
- .multiselect-label {
+ &__multiselect-label {
width: 100%;
- padding: 6px 12px 6px 34px;
+ padding: 6px 12px;
+ padding-left: 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;
+ background-position: left 9px center;
z-index: 2;
+ &--no-select {
+ border-radius: var(--border-radius);
+ }
}
- .multiselect-vue {
+ &__multiselect.multiselect {
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;
}
}