summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-03-04 12:04:08 +0100
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-03-04 12:04:08 +0100
commit91dd5c38df05ebb9247df4611703beffa6d08b0e (patch)
treeb0ed7e95daf2b8acfa811efc6c58e41cfc1b9f8b /css
parent8110491a437ad002d0519737f9a2ac65b87dd5bf (diff)
White icons fix for preview, fix 927
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r--css/ContactDetailsAvatar.scss6
-rw-r--r--css/icons.scss15
2 files changed, 18 insertions, 3 deletions
diff --git a/css/ContactDetailsAvatar.scss b/css/ContactDetailsAvatar.scss
index b8d1ec8e..c754abea 100644
--- a/css/ContactDetailsAvatar.scss
+++ b/css/ContactDetailsAvatar.scss
@@ -53,7 +53,7 @@
background-position: center;
cursor: pointer;
}
- label.icon-upload-white {
+ label.icon-upload-force-white {
opacity: .5;
z-index: 2;
position: absolute;
@@ -65,7 +65,7 @@
opacity: .7;
}
}
- &__photo + label.icon-upload-white {
+ &__photo + label.icon-upload-force-white {
opacity: 0;
}
&__options {
@@ -98,7 +98,7 @@
background-size: contain;
margin: 50px;
}
- label.icon-upload-white {
+ label.icon-upload-force-white {
position: relative;
}
.contact-header-avatar__options {
diff --git a/css/icons.scss b/css/icons.scss
index 41cc93b3..60cb2b32 100644
--- a/css/icons.scss
+++ b/css/icons.scss
@@ -39,3 +39,18 @@
.icon-up {
@include icon-color('up', 'contacts', $color-black, 1);
}
+
+.icon-delete-force-white {
+ // using #fffffe to trick the accessibility dark theme icon invert
+ @include icon-color('delete', 'contacts', '#fffffe', 1);
+}
+
+.icon-download-force-white {
+ // using #fffffe to trick the accessibility dark theme icon invert
+ @include icon-color('download', 'contacts', '#fffffe', 1);
+}
+
+.icon-upload-force-white {
+ // using #fffffe to trick the accessibility dark theme icon invert
+ @include icon-color('upload', 'contacts', '#fffffe', 1);
+} \ No newline at end of file