From 879b983818a4b2baaa2de131068126304f5a71b0 Mon Sep 17 00:00:00 2001 From: Robyn MacCallum Date: Fri, 21 Jan 2022 10:31:01 -0500 Subject: [PATCH 1/3] Replace sad face with searching image --- src/popup/images/search-desktop-dark.svg | 34 +++++++++++++++++++ src/popup/images/search-desktop-light.svg | 34 +++++++++++++++++++ src/popup/images/search-desktop-solarized.svg | 34 +++++++++++++++++++ src/popup/scss/base.scss | 5 +++ src/popup/scss/variables.scss | 4 +++ src/popup/send/send-groupings.component.html | 2 +- src/popup/vault/groupings.component.html | 2 +- 7 files changed, 113 insertions(+), 2 deletions(-) create mode 100644 src/popup/images/search-desktop-dark.svg create mode 100644 src/popup/images/search-desktop-light.svg create mode 100644 src/popup/images/search-desktop-solarized.svg diff --git a/src/popup/images/search-desktop-dark.svg b/src/popup/images/search-desktop-dark.svg new file mode 100644 index 0000000000..029d464afa --- /dev/null +++ b/src/popup/images/search-desktop-dark.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/popup/images/search-desktop-light.svg b/src/popup/images/search-desktop-light.svg new file mode 100644 index 0000000000..273bcff401 --- /dev/null +++ b/src/popup/images/search-desktop-light.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/popup/images/search-desktop-solarized.svg b/src/popup/images/search-desktop-solarized.svg new file mode 100644 index 0000000000..3676a6bccd --- /dev/null +++ b/src/popup/images/search-desktop-solarized.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/popup/scss/base.scss b/src/popup/scss/base.scss index 92c2d920b3..3598476485 100644 --- a/src/popup/scss/base.scss +++ b/src/popup/scss/base.scss @@ -439,6 +439,11 @@ content { .full-loading-spinner { text-align: center; + .no-items-image { + @include themify($themes) { + content: url("../images/search-desktop" + themed("svgSuffix")); + } + } .fa { margin-bottom: 10px; diff --git a/src/popup/scss/variables.scss b/src/popup/scss/variables.scss index 65134d4c93..1b6a3bab91 100644 --- a/src/popup/scss/variables.scss +++ b/src/popup/scss/variables.scss @@ -104,6 +104,7 @@ $themes: ( calloutBorderColor: $border-color-dark, calloutBackgroundColor: $box-background-color, toastTextColor: #ffffff, + svgSuffix: "-light.svg", ), dark: ( textColor: #ffffff, @@ -154,6 +155,7 @@ $themes: ( calloutBorderColor: #4c525f, calloutBackgroundColor: #3c424e, toastTextColor: #1f242e, + svgSuffix: "-dark.svg", ), nord: ( textColor: $nord5, @@ -204,6 +206,7 @@ $themes: ( calloutBorderColor: $nord0, calloutBackgroundColor: $nord2, toastTextColor: #ffffff, + svgSuffix: "-dark.svg", ), solarizedDark: ( textColor: $solarizedDarkBase2, @@ -254,6 +257,7 @@ $themes: ( calloutBorderColor: $solarizedDarkBase03, calloutBackgroundColor: $solarizedDarkBase01, toastTextColor: #ffffff, + svgSuffix: "-solarized.svg", ), ); diff --git a/src/popup/send/send-groupings.component.html b/src/popup/send/send-groupings.component.html index d5e20422a4..4d776f8daa 100644 --- a/src/popup/send/send-groupings.component.html +++ b/src/popup/send/send-groupings.component.html @@ -34,7 +34,7 @@
- +

{{ "noItemsInList" | i18n }}