diff options
Diffstat (limited to 'css/settings/settings-addressbook-shares.scss')
-rw-r--r-- | css/settings/settings-addressbook-shares.scss | 68 |
1 files changed, 33 insertions, 35 deletions
diff --git a/css/settings/settings-addressbook-shares.scss b/css/settings/settings-addressbook-shares.scss index c8ea519e..917a87a4 100644 --- a/css/settings/settings-addressbook-shares.scss +++ b/css/settings/settings-addressbook-shares.scss @@ -1,42 +1,38 @@ +/** + * @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/>. + * + */ + .addressbook-shares { width: 100%; - .dropdown-menu { - border: 1px solid #d1d1d1; - border-radius: 0 0 3px 3px; - max-height: 200px; - margin-top: -2px; - overflow-y: auto; - display: flex; - flex-wrap: wrap; - background-color: #fff; - position: relative; - width: 100%; - z-index: 500; - top: -2px; - left: 0px; - li { - width: 100%; - padding: 8px 9px 9px; - cursor: pointer; - } - li.active { - background: #f0f0f0; - } - } - &__input { - width: 100% !important; - margin-right: 0; - padding-right: 30px; - text-overflow: ellipsis; - } &__list { margin-top: 8px; margin-bottom: 12px; display: flex; flex-direction: column; } - - .multiselect-vue { + &__shareematch--bold { + font-weight: bold; + } + .multiselect.multiselect-vue { width: inherit; .multiselect__tags:focus-within, @@ -45,12 +41,14 @@ } .multiselect__content-wrapper { + display: none; + } + } + .multiselect.showContent { + .multiselect__content-wrapper { + display: inherit; background: #f0f0f0; width: inherit; } - - &__shareematch--bold { - font-weight: bold; - } } }
\ No newline at end of file |