Fixes #24450 by making the icon grey only on hover and white otherwise.

This commit is contained in:
Rafael Oliveira Pereira 2021-05-10 18:17:55 -03:00
parent 7502f35a83
commit 51a9543125
3 changed files with 6 additions and 16 deletions

View File

@ -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});
}

View File

@ -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);
}

View File

@ -1,9 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!-- Created using Karbon, part of Calligra: http://www.calligra.org/karbon -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.8pt" height="12.8pt">
<defs/>
<g id="layer0">
<path id="shape0" transform="translate(2, 1)" fill="#ffffff" d="M0.5 0C0.22 0 0 0.22 0 0.5L0 13.5C0 13.78 0.22 14 0.5 14L11.5 14C11.78 14 12 13.78 12 13.5L12 3L9 0ZM2 2L8 2L8 3L2 3ZM2 5L7 5L7 6L2 6ZM2 8L10 8L10 9L2 9ZM2 11L6 11L6 12L2 12Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 626 B