diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-09-05 13:40:56 +0200 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-09-06 12:05:27 +0200 |
commit | fbb58588a92072fca0d07ec4692d5c0f840dddd5 (patch) | |
tree | f197f1685cb3f59331dedcd1b745b750e1215f54 /css | |
parent | c00530fbbe8ed5dc8c81c5585108b039e5d57c00 (diff) |
Fix avatar sanitize and cleanup code & css
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/ContactDetailsAvatar.scss | 127 | ||||
-rw-r--r-- | css/contacts.scss | 1 |
2 files changed, 0 insertions, 128 deletions
diff --git a/css/ContactDetailsAvatar.scss b/css/ContactDetailsAvatar.scss deleted file mode 100644 index def6b5d9..00000000 --- a/css/ContactDetailsAvatar.scss +++ /dev/null @@ -1,127 +0,0 @@ -/** - * @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/>. - * - */ - -// AVATAR -.contact-header-avatar { - position: relative; - flex: 1 1 75px; - min-width: 75px; - max-width: 120px; - margin: 10px; - - // Wrap and cut - &__wrapper { - position: relative; - width: 75px; - height: 75px; - margin-left: auto; - } - &__background { - z-index: 0; - top: 50px; - left: 0; - opacity: .2; - } - &__photo, - &__options { - overflow: hidden; - width: 100%; - height: 100%; - border-radius: 50%; - } - &__photo { - z-index: 10; - cursor: pointer; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - // White background for avatars with transparency, also in dark theme - background-color: #fff; - &:hover + .contact-avatar-options__popovermenubtn { - opacity: .25; - } - } - &__options { - position: absolute; - z-index: 2; - top: 0; - background-color: rgba(0, 0, 0, .2); - } - .contact-avatar-options { - display: block; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, .2); - &:hover, - &:active, - &:focus { - opacity: .7; - } - &__popovermenu { - // center - margin: calc((100% - 44px) / 2); - } - &__popovermenubtn { - height: 45px; - width: 45px; - border-radius: 50%; - z-index: 11; - background: rgba(0, 0, 0, .2); - opacity: 0; - &:hover, - &:active, - &:focus { - opacity: 1; - } - // bottom right - margin: calc((100% + 5px) / 2); - } - &__popovermenu, - &__popovermenubtn { - & .action-item__menutoggle { - // hide three dot menu, in favour of icon-picture-force-white - z-index: -1; - &::before { - opacity: 0; - } - } - } - } - // if picture is set, hide the menu - &__photo + &__options { - z-index: -1; - } -} - -.contact-header-modal { - .modal-container { - display: flex !important; - align-items: center; - justify-content: center; - .contact-header-modal__photo { - // animate zooming/resize - transition: height 100ms ease, - width 100ms ease; - } - } -} diff --git a/css/contacts.scss b/css/contacts.scss index 78288b20..72ed427d 100644 --- a/css/contacts.scss +++ b/css/contacts.scss @@ -35,7 +35,6 @@ $grid-input-height-with-margin: $grid-height-unit - $grid-input-margin * 2; @import 'Settings/SettingsAddressbook'; @import 'Settings/SettingsAddressbookShares'; @import 'Settings/SettingsAddressbookSharee'; -@import 'ContactDetailsAvatar'; @import 'ContactsListItem'; @import 'Properties/Properties'; @import 'Properties/PropertyTitle'; |