diff options
| author | Joas Schilling <coding@schilljs.com> | 2022-07-12 10:03:42 +0200 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2022-07-12 10:03:42 +0200 |
| commit | 9078ef69ca35b04ab1860499d489e292f6ba90bf (patch) | |
| tree | e14d828aeb6ac0bca8e752ee1bc10f4b1b0a407e /css | |
| parent | 1888b9661d7554b8a62c694ca3355c9534153542 (diff) | |
Move unified search to simple CSS
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/unified-search.css | 21 | ||||
| -rw-r--r-- | css/unified-search.scss | 23 |
2 files changed, 21 insertions, 23 deletions
diff --git a/css/unified-search.css b/css/unified-search.css new file mode 100644 index 000000000..6134b6e33 --- /dev/null +++ b/css/unified-search.css @@ -0,0 +1,21 @@ +.unified-search .conversation-icon { + background-color: var(--color-background-darker); + background-size: 22px !important; +} + +/* We always want to use the white icons, this is why we don't use var(--color-white) here.*/ +.unified-search .conversation-icon.icon-public-white { + background-image: url(../img/icon-public-white.svg); +} +.unified-search .conversation-icon.icon-contacts-white { + background-image: url(../img/icon-contacts-white.svg); +} +.unified-search .conversation-icon.icon-password-white { + background-image: url(../img/icon-password-white.svg); +} +.unified-search .conversation-icon.icon-text-white { + background-image: url(../img/icon-text-white.svg); +} +.unified-search .conversation-icon.icon-mail-white { + background-image: url(../img/icon-mail-white.svg); +} diff --git a/css/unified-search.scss b/css/unified-search.scss deleted file mode 100644 index 7dc9bec3c..000000000 --- a/css/unified-search.scss +++ /dev/null @@ -1,23 +0,0 @@ -.unified-search { - .conversation-icon { - background-color: var(--color-background-darker); - background-size: 22px !important; - - // We always want to use the white icons, this is why we don't use var(--color-white) here. - &.icon-public { - background-image: url(icon-color-path('public', 'actions', 'fff', 1, true)); - } - &.icon-contacts { - background-image: url(icon-color-path('contacts', 'places', 'fff', 1, true)); - } - &.icon-password { - background-image: url(icon-color-path('password', 'actions', 'fff', 1, true)); - } - &.icon-file { - background-image: url(icon-color-path('text', 'filetypes', 'fff', 1, true)); - } - &.icon-mail { - background-image: url(icon-color-path('mail', 'actions', 'fff', 1, true)); - } - } -} |