From 51a954312589a2a00022fe7b472977ec77db93fc Mon Sep 17 00:00:00 2001 From: Rafael Oliveira Pereira Date: Mon, 10 May 2021 18:17:55 -0300 Subject: [PATCH] Fixes #24450 by making the icon grey only on hover and white otherwise. --- apps/theming/css/theming.scss | 6 +----- core/css/icons.scss | 7 +++++-- core/img/filetypes/text-white.svg | 9 --------- 3 files changed, 6 insertions(+), 16 deletions(-) delete mode 100644 core/img/filetypes/text-white.svg diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss index b351fe3911df1..49e120479adf4 100644 --- a/apps/theming/css/theming.scss +++ b/apps/theming/css/theming.scss @@ -92,14 +92,10 @@ $invert: luma($color-primary) > 0.6; } /* Colorized svg images */ -.icon-file, .icon-filetype-text, .icon-file-white:hover { +.icon-file, .icon-filetype-text, .icon-file-white:hover, .icon-file-white:focus { background-image: url(./img/core/filetypes/text.svg?v=#{$theming-cachebuster}); } -.icon-file-white, .icon-filetype-text-white { - background-image: url(./img/core/filetypes/text-white.svg?v=#{$theming-cachebuster}); -} - .icon-folder, .icon-filetype-folder { background-image: url(./img/core/filetypes/folder.svg?v=#{$theming-cachebuster}); } diff --git a/core/css/icons.scss b/core/css/icons.scss index b896d1a65e589..1df5ccd4609cd 100644 --- a/core/css/icons.scss +++ b/core/css/icons.scss @@ -384,12 +384,15 @@ audio, canvas, embed, iframe, img, input, object, video { } .icon-file, -.icon-file-white, -.icon-filetype-text, .icon-filetype-text { @include icon-color('text', 'filetypes', #969696, 1, true); } +.icon-file-white, +.icon-filetype-text-white { + @include icon-color('text', 'filetypes', $color-white, 1, true); +} + .icon-filetype-file { @include icon-color('file', 'filetypes', #969696, 1, true); } diff --git a/core/img/filetypes/text-white.svg b/core/img/filetypes/text-white.svg deleted file mode 100644 index 404d32b25d326..0000000000000 --- a/core/img/filetypes/text-white.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - -