diff --git a/src/addons/messages/tests/behat/snapshots/test-basic-usage-of-messages-in-app-view-recent-conversations-and-contacts_22.png b/src/addons/messages/tests/behat/snapshots/test-basic-usage-of-messages-in-app-view-recent-conversations-and-contacts_22.png index 961648d44..e85b3bcfc 100644 Binary files a/src/addons/messages/tests/behat/snapshots/test-basic-usage-of-messages-in-app-view-recent-conversations-and-contacts_22.png and b/src/addons/messages/tests/behat/snapshots/test-basic-usage-of-messages-in-app-view-recent-conversations-and-contacts_22.png differ diff --git a/src/addons/mod/quiz/components/index/index.scss b/src/addons/mod/quiz/components/index/index.scss index b10c69da8..1bfbfd491 100644 --- a/src/addons/mod/quiz/components/index/index.scss +++ b/src/addons/mod/quiz/components/index/index.scss @@ -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); } } } diff --git a/src/theme/components/ion-accordion.scss b/src/theme/components/ion-accordion.scss new file mode 100644 index 000000000..a98b14b0e --- /dev/null +++ b/src/theme/components/ion-accordion.scss @@ -0,0 +1,5 @@ +ion-accordion { + .ion-accordion-toggle-icon[slot="start"] { + @include margin-horizontal(null, var(--mdl-spacing-4)); + } +} diff --git a/src/theme/theme.scss b/src/theme/theme.scss index 11ccfb456..c0b1d291f 100644 --- a/src/theme/theme.scss +++ b/src/theme/theme.scss @@ -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";