From 33704b016f14eaf58cc1c38c71755489076ab54d Mon Sep 17 00:00:00 2001 From: Robyn MacCallum Date: Fri, 21 Jan 2022 14:37:28 -0500 Subject: [PATCH] Beeep/remove sad faces (#1255) * Replace sad face with searching image * Change css variable name * Added aria-hidden="true" to images * Run prettier --- src/app/send/send.component.html | 2 +- src/app/vault/ciphers.component.html | 2 +- src/images/search-desktop-dark.svg | 34 ++++++++++++++++++++++++++++ src/images/search-desktop-light.svg | 34 ++++++++++++++++++++++++++++ src/scss/variables.scss | 3 +++ src/scss/vault.scss | 6 +++++ 6 files changed, 79 insertions(+), 2 deletions(-) create mode 100644 src/images/search-desktop-dark.svg create mode 100644 src/images/search-desktop-light.svg diff --git a/src/app/send/send.component.html b/src/app/send/send.component.html index c5db1bb2..551ba814 100644 --- a/src/app/send/send.component.html +++ b/src/app/send/send.component.html @@ -104,7 +104,7 @@
- +

{{ "noItemsInList" | i18n }}
diff --git a/src/app/vault/ciphers.component.html b/src/app/vault/ciphers.component.html index 389a03a0..ffd61d88 100644 --- a/src/app/vault/ciphers.component.html +++ b/src/app/vault/ciphers.component.html @@ -41,7 +41,7 @@
- +

{{ "noItemsInList" | i18n }}

 diff --git a/src/images/search-desktop-dark.svg b/src/images/search-desktop-dark.svg new file mode 100644 index 00000000..029d464a --- /dev/null +++ b/src/images/search-desktop-dark.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/search-desktop-light.svg b/src/images/search-desktop-light.svg new file mode 100644 index 00000000..273bcff4 --- /dev/null +++ b/src/images/search-desktop-light.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/scss/variables.scss b/src/scss/variables.scss index d1c6e5ac..8e95667c 100644 --- a/src/scss/variables.scss +++ b/src/scss/variables.scss @@ -92,6 +92,7 @@ $themes: ( calloutBackgroundColor: $background-color, accountSwitcherBackgroundColor: $background-color, accountSwitcherTextColor: #ffffff, + svgSuffix: "-light.svg", ), dark: ( textColor: #ffffff, @@ -144,6 +145,7 @@ $themes: ( calloutBackgroundColor: #363636, accountSwitcherBackgroundColor: #2f2f2f, accountSwitcherTextColor: #ffffff, + svgSuffix: "-dark.svg", ), nord: ( textColor: $nord5, @@ -196,6 +198,7 @@ $themes: ( calloutBackgroundColor: $nord2, accountSwitcherBackgroundColor: $nord0, accountSwitcherTextColor: $nord5, + svgSuffix: "-dark.svg", ), ); diff --git a/src/scss/vault.scss b/src/scss/vault.scss index 7fc434f0..1144cfa2 100644 --- a/src/scss/vault.scss +++ b/src/scss/vault.scss @@ -303,6 +303,12 @@ app-root { text-align: center; padding: 0 10px; + .no-items-image { + @include themify($themes) { + content: url("../images/search-desktop" + themed("svgSuffix")); + } + } + .fa { margin-bottom: 10px;