CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-3814 grades: Mod icon colors on grade should be B/W

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2022-02-21 14:26:19 +01:00
parent b676289e1b
commit a3c5914e5c
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/core/components/mod-icon/mod-icon.scss
View File

@ -6,6 +6,7 @@
--margin-end: 0px; --margin-end: 0px;
--margin-vertical: 0px; --margin-vertical: 0px;
--icon-radius: var(--small-radius); --icon-radius: var(--small-radius);
--filter: brightness(0) invert(1);
margin-top: var(--margin-vertical); margin-top: var(--margin-vertical);
margin-bottom: var(--margin-vertical); margin-bottom: var(--margin-vertical);
@ -20,7 +21,7 @@
&.#{$type} { &.#{$type} {
background-color: var(--activity#{$type}); background-color: var(--activity#{$type});
img { img {
filter: brightness(0) invert(1); filter: var(--filter);
} }
} }
} }

16
src/core/features/grades/pages/course/course.scss
View File

@ -3,11 +3,12 @@
:host { :host {
--header-background: var(--white); --header-background: var(--white);
--odd-cell-background: var(--light); --odd-cell-background: var(--light);
--even-cell-background: var(--white);
--odd-cell-hover: var(--gray-200); --odd-cell-hover: var(--gray-200);
--even-cell-background: var(--white);
--even-cell-hover: var(--light); --even-cell-hover: var(--light);
--icon-color: var(--gray-500); --icon-color: var(--gray-500);
--border-color: var(--stroke); --border-color: var(--stroke);
--mod-icon-filter: brightness(0);
.odd { .odd {
--cell-background: var(--odd-cell-background); --cell-background: var(--odd-cell-background);
@ -23,11 +24,12 @@
:host-context(body.dark) { :host-context(body.dark) {
--header-background: var(--gray-900); --header-background: var(--gray-900);
--odd-cell-background: var(--medium); --odd-cell-background: var(--gray-800);
--odd-cell-hover: var(--gray-600);
--even-cell-background: var(--gray-900); --even-cell-background: var(--gray-900);
--odd-cell-hover: var(--gray-500); --even-cell-hover: var(--gray-700);
--even-cell-hover: var(--medium);
--icon-color: var(--gray-200); --icon-color: var(--gray-200);
--mod-icon-filter: brightness(0) invert(1);
} }
.core-grades-table { .core-grades-table {
@ -80,8 +82,10 @@
} }
core-mod-icon { core-mod-icon {
padding: 3px; padding: 0px;
--size: 10px; --size: 16px;
background: transparent;
--filter: var(--mod-icon-filter);
} }