summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2020-09-05 13:40:56 +0200
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2020-09-06 12:05:27 +0200
commitfbb58588a92072fca0d07ec4692d5c0f840dddd5 (patch)
treef197f1685cb3f59331dedcd1b745b750e1215f54 /css
parentc00530fbbe8ed5dc8c81c5585108b039e5d57c00 (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.scss127
-rw-r--r--css/contacts.scss1
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';