mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-14 04:52:36 +02:00
Code Issues Projects Releases Wiki Activity

MDL-80045 block_starredcourses: Fix cards alignment in small screens

Browse Source
This commit is contained in:
Mikel Martín 2023-11-13 13:29:26 +01:00
parent 8ad9114050
commit 24f85416a7
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
theme/boost/scss/moodle/blocks.scss
View File

@ -219,6 +219,9 @@ $card-gutter : $card-deck-margin * 2;
margin-right: 0;
.dashboard-card {
width: calc(100% - #{$card-gutter}) !important;
@include media-breakpoint-down(xs) {
width: 100% !important;
}
}
}
}

5
theme/boost/style/moodle.css
View File

@ -16764,6 +16764,11 @@ blockquote {
#block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
width: calc(100% - 0.5rem) !important;
}
@media (max-width: 575.98px) {
#block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
width: 100% !important;
}
}
.block_recentlyaccessedcourses .paging-bar-container {
margin-top: -2.4rem;

5
theme/classic/style/moodle.css
View File

@ -16764,6 +16764,11 @@ blockquote {
#block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
width: calc(100% - 0.5rem) !important;
}
@media (max-width: 575.98px) {
#block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
width: 100% !important;
}
}
.block_recentlyaccessedcourses .paging-bar-container {
margin-top: -2.4rem;