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

Merge pull request #4197 from crazyserver/MOBILE-4660 

MOBILE-4660 course: Improve module card styles
main
Dani Palou 2024-10-09 10:56:06 +02:00 committed by GitHub
parent 8f6c1fd4c2 d63c06e328
commit d935c30ac0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 19 additions and 5 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: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

7
src/core/features/course/components/module/module.scss
View File

@ -7,7 +7,7 @@
--card-border-width: 0px;
--card-radius: 0px;
--card-background: transparent;
--activity-border: 2px solid var(--stroke);
--activity-border: 1px solid var(--stroke);
--card-padding-bottom: var(--vertical-spacing);
ion-card {
@ -132,15 +132,16 @@
margin-bottom: var(--vertical-spacing);
}
.activity-extrabadges,
.core-module-description {
border-top: 1px solid var(--stroke);
display: block;
}
.activity-extrabadges {
font: var(--mdl-typography-body-font-md);
color: var(--medium);
border: 1px solid var(--stroke);
border-radius: var(--mdl-shape-borderRadius-sm);
padding: var(--mdl-spacing-2) var(--mdl-spacing-3) var(--mdl-spacing-2) var(--mdl-spacing-3);
}
.activity-description-availabilityinfo .core-module-availabilityinfo {

BIN
src/core/features/course/tests/behat/snapshots/test-basic-usage-of-one-course-in-app-view-course-contents_53.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

BIN
src/core/features/course/tests/behat/snapshots/test-basic-usage-of-one-course-in-app-view-course-contents_57.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

17
src/theme/components/ion-accordion.scss
View File

@ -1,15 +1,28 @@
ion-accordion {
.ion-accordion-toggle-icon[slot="start"] {
> [slot="header"] .ion-accordion-toggle-icon[slot="start"] {
@include margin-horizontal(null, var(--mdl-spacing-2));
background-color: var(--gray-100);
border-radius: 50%;
padding: var(--mdl-spacing-1);
}
/**
* Change arrow direction to match LMS: expanded is down, collapsed is right.
*/
&.accordion-expanding > [slot="header"] .ion-accordion-toggle-icon,
&.accordion-expanded > [slot="header"] .ion-accordion-toggle-icon {
transform: none;
}
&.accordion-collapsing > [slot="header"] .ion-accordion-toggle-icon,
&.accordion-collapsed > [slot="header"] .ion-accordion-toggle-icon {
transform: rotate(-90deg);
}
}
:root.dark {
ion-accordion {
.ion-accordion-toggle-icon[slot="start"] {
> [slot="header"] .ion-accordion-toggle-icon[slot="start"] {
background-color: var(--gray-800);
}
}