moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-04 16:36:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-77105 core: Conditionally apply icon filter

Browse source 
* Apply the filter CSS property only to activity icons
that don't have the ".nofilter" class. This will allow
activities with non-SVG icons to be rendered as they are.
This commit is contained in:
Jun Pataleta 2023-02-10 16:19:54 +08:00
parent a898d8ac54
commit 2ce59aa924
3 changed files with 27 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

2
theme/boost/scss/moodle/icons.scss
View file

@ -157,10 +157,12 @@ $iconsizes: map-merge((
background-color: $value; background-color: $value;
.activityicon, .activityicon,
.icon { .icon {
&:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
} }
} }
}
.icon-box { .icon-box {
width: $icon-box-width; width: $icon-box-width;

24
theme/boost/style/moodle.css
View file

@ -26066,48 +26066,48 @@ blockquote {
.activityiconcontainer.administration { .activityiconcontainer.administration {
background-color: #5d63f6; background-color: #5d63f6;
} }
.activityiconcontainer.administration .activityicon, .activityiconcontainer.administration .activityicon:not(.nofilter),
.activityiconcontainer.administration .icon { .activityiconcontainer.administration .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.assessment { .activityiconcontainer.assessment {
background-color: #eb66a2; background-color: #eb66a2;
} }
.activityiconcontainer.assessment .activityicon, .activityiconcontainer.assessment .activityicon:not(.nofilter),
.activityiconcontainer.assessment .icon { .activityiconcontainer.assessment .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.collaboration { .activityiconcontainer.collaboration {
background-color: #f7634d; background-color: #f7634d;
} }
.activityiconcontainer.collaboration .activityicon, .activityiconcontainer.collaboration .activityicon:not(.nofilter),
.activityiconcontainer.collaboration .icon { .activityiconcontainer.collaboration .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.communication { .activityiconcontainer.communication {
background-color: #11a676; background-color: #11a676;
} }
.activityiconcontainer.communication .activityicon, .activityiconcontainer.communication .activityicon:not(.nofilter),
.activityiconcontainer.communication .icon { .activityiconcontainer.communication .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.content { .activityiconcontainer.content {
background-color: #399be2; background-color: #399be2;
} }
.activityiconcontainer.content .activityicon, .activityiconcontainer.content .activityicon:not(.nofilter),
.activityiconcontainer.content .icon { .activityiconcontainer.content .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.interface { .activityiconcontainer.interface {
background-color: #a378ff; background-color: #a378ff;
} }
.activityiconcontainer.interface .activityicon, .activityiconcontainer.interface .activityicon:not(.nofilter),
.activityiconcontainer.interface .icon { .activityiconcontainer.interface .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }

24
theme/classic/style/moodle.css
View file

@ -26066,48 +26066,48 @@ blockquote {
.activityiconcontainer.administration { .activityiconcontainer.administration {
background-color: #5d63f6; background-color: #5d63f6;
} }
.activityiconcontainer.administration .activityicon, .activityiconcontainer.administration .activityicon:not(.nofilter),
.activityiconcontainer.administration .icon { .activityiconcontainer.administration .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.assessment { .activityiconcontainer.assessment {
background-color: #eb66a2; background-color: #eb66a2;
} }
.activityiconcontainer.assessment .activityicon, .activityiconcontainer.assessment .activityicon:not(.nofilter),
.activityiconcontainer.assessment .icon { .activityiconcontainer.assessment .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.collaboration { .activityiconcontainer.collaboration {
background-color: #f7634d; background-color: #f7634d;
} }
.activityiconcontainer.collaboration .activityicon, .activityiconcontainer.collaboration .activityicon:not(.nofilter),
.activityiconcontainer.collaboration .icon { .activityiconcontainer.collaboration .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.communication { .activityiconcontainer.communication {
background-color: #11a676; background-color: #11a676;
} }
.activityiconcontainer.communication .activityicon, .activityiconcontainer.communication .activityicon:not(.nofilter),
.activityiconcontainer.communication .icon { .activityiconcontainer.communication .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.content { .activityiconcontainer.content {
background-color: #399be2; background-color: #399be2;
} }
.activityiconcontainer.content .activityicon, .activityiconcontainer.content .activityicon:not(.nofilter),
.activityiconcontainer.content .icon { .activityiconcontainer.content .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.activityiconcontainer.interface { .activityiconcontainer.interface {
background-color: #a378ff; background-color: #a378ff;
} }
.activityiconcontainer.interface .activityicon, .activityiconcontainer.interface .activityicon:not(.nofilter),
.activityiconcontainer.interface .icon { .activityiconcontainer.interface .icon:not(.nofilter) {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }