EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4348 mod-icon: Sort Mod icon css variables

main
Pau Ferrer Ocaña 2023-09-13 14:00:29 +02:00
parent efe2151dce
commit d790e2a752
10 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/addons/block/timeline/components/events/events.scss
View File

@ -23,7 +23,7 @@ h4.core-bold {
} }
core-mod-icon { core-mod-icon {
padding: 8px; --padding: 8px;
--margin-end: 0.5rem; --margin-end: 0.5rem;
--margin-vertical: 0; --margin-vertical: 0;
} }

2
src/addons/notifications/notifications.scss
View File

@ -11,7 +11,7 @@
position: absolute; position: absolute;
right: -4px; right: -4px;
bottom: -4px; bottom: -4px;
padding: 0.2rem; --padding: 0.2rem;
} }
.core-avatar-extra-img { .core-avatar-extra-img {

2
src/addons/notifications/pages/list/list.scss
View File

@ -39,7 +39,7 @@ ion-item {
div.core-notification-icon, div.core-notification-icon,
core-mod-icon.core-notification-icon { core-mod-icon.core-notification-icon {
padding: 8px; --padding: 8px;
max-width: var(--core-avatar-size); max-width: var(--core-avatar-size);
max-height: var(--core-avatar-size); max-height: var(--core-avatar-size);
} }

2
src/addons/storagemanager/pages/course-storage/course-storage.scss
View File

@ -51,7 +51,7 @@ ion-badge {
ion-item core-mod-icon { ion-item core-mod-icon {
--size: 18px; --size: 18px;
padding: 9px; --padding: 9px;
--margin-vertical: 8px; --margin-vertical: 8px;
--margin-end: 8px; --margin-end: 8px;
} }

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

@ -2,10 +2,11 @@
:host { :host {
display: inline-block; display: inline-block;
--size: var(--module-icon-size); --size: var(--module-icon-size, 24px);
--padding: var(--module-icon-padding, 8px);
--icon-radius: var(--module-icon-radius, var(--radius-xs));
--margin-end: 0px; --margin-end: 0px;
--margin-vertical: 0px; --margin-vertical: 0px;
--icon-radius: var(--small-radius);
--filter: brightness(0) invert(1); --filter: brightness(0) invert(1);
margin-top: var(--margin-vertical); margin-top: var(--margin-vertical);
@ -13,7 +14,7 @@
@include margin-horizontal(null, var(--margin-end)); @include margin-horizontal(null, var(--margin-end));
border-radius: var(--icon-radius); border-radius: var(--icon-radius);
padding: 0.7rem; padding: var(--padding);
background-color: $gray-100; background-color: $gray-100;
line-height: var(--size); line-height: var(--size);
@ -57,5 +58,4 @@ img {
:host-context(ion-card ion-item) { :host-context(ion-card ion-item) {
--margin-vertical: 12px; --margin-vertical: 12px;
--margin-end: 12px; --margin-end: 12px;
--icon-radius: var(--module-icon-radius);
} }

1
src/core/features/course/components/module-info/course-module-info.scss
View File

@ -10,6 +10,7 @@
core-mod-icon { core-mod-icon {
align-self: flex-start; align-self: flex-start;
--padding: 12px;
} }
h1 ion-icon { h1 ion-icon {

2
src/core/features/course/components/module-summary/module-summary.scss
View File

@ -11,7 +11,7 @@ h1 {
.core-modulename { .core-modulename {
text-transform: uppercase; text-transform: uppercase;
core-mod-icon { core-mod-icon {
padding: 3px; --padding: 3px;
--size: 10px; --size: 10px;
margin: 0; margin: 0;
} }

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

@ -86,7 +86,7 @@
} }
core-mod-icon { core-mod-icon {
padding: 0px; --padding: 0px;
--size: 16px; --size: 16px;
background: transparent; background: transparent;
--filter: var(--mod-icon-filter); --filter: var(--mod-icon-filter);

2
src/core/features/search/components/global-search-result/global-search-result.scss
View File

@ -19,7 +19,7 @@
margin-inline-end: var(--spacing-2); margin-inline-end: var(--spacing-2);
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
padding: 0px; --padding: 0px;
background: transparent; background: transparent;
} }

3
src/theme/theme.light.scss
View File

@ -70,9 +70,6 @@ html {
--core-input-radius: var(--radius-xs); --core-input-radius: var(--radius-xs);
--core-input-border-width: 1px; --core-input-border-width: 1px;
--module-icon-size: 24px;
--module-icon-radius: var(--sm-radius);
--list-item-max-width: 768px; --list-item-max-width: 768px;
--modal-lateral-max-width: 320px; --modal-lateral-max-width: 320px;