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

MOBILE-4470 quiz: Improve attempts summary page styles

main
Pau Ferrer Ocaña 2024-05-16 10:53:17 +02:00
parent 655254abd2
commit e775a066ae
4 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/addons/messages/tests/behat/snapshots/test-basic-usage-of-messages-in-app-view-recent-conversations-and-contacts_22.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

21
src/addons/mod/quiz/components/index/index.scss
View File

@ -36,6 +36,9 @@
min-height: 60px;
padding-top: var(--mdl-spacing-2);
padding-bottom: var(--mdl-spacing-2);
@include margin-horizontal(var(--mdl-spacing-2), null);
font: var(--mdl-typography-body-font-md);
p {
margin: 0px;
@ -44,13 +47,15 @@
}
ion-accordion-group {
border-top: 1px solid var(--stroke);
.accordion-expanded .addon-mod_quiz-attempt-title-info,
.accordion-expanding .addon-mod_quiz-attempt-title-info {
visibility: hidden;
}
h3 {
font: var(--mdl-typography-subtitle-font-md);
}
hr {
background-color: var(--stroke);
height: 1px;
@ -58,19 +63,11 @@
}
ion-accordion:nth-child(odd) {
background-color: var(--core-table-odd-cell-background);
::ng-deep ion-item {
--background: var(--core-table-odd-cell-background);
}
--ion-item-background: var(--core-table-odd-cell-background);
}
ion-accordion:nth-child(even) {
background-color: var(--core-table-even-cell-background);
::ng-deep ion-item {
--background: var(--core-table-even-cell-background);
}
--ion-item-background: var(--core-table-even-cell-background);
}
}
}

5
src/theme/components/ion-accordion.scss 100644
View File

@ -0,0 +1,5 @@
ion-accordion {
.ion-accordion-toggle-icon[slot="start"] {
@include margin-horizontal(null, var(--mdl-spacing-4));
}
}

1
src/theme/theme.scss
View File

@ -28,6 +28,7 @@
/* Ionic components overrides */
html {
@import "components/ion-accordion.scss";
@import "components/ion-action-sheet.scss";
@import "components/ion-alert.scss";
@import "components/ion-back-button.scss";