MDL-88072 core_course: Tighten subsection content spacing
This commit is contained in:
@@ -795,7 +795,7 @@ $divider-hover-color: $primary !default;
|
||||
margin-top: 0;
|
||||
.section-item {
|
||||
border: none;
|
||||
padding: $activity-item-padding;
|
||||
padding: $activity-item-padding $activity-item-padding 0;
|
||||
}
|
||||
.icons-collapse-expand:has(+ h4) {
|
||||
height: map-get($iconsizes, 4);
|
||||
@@ -843,6 +843,13 @@ $divider-hover-color: $primary !default;
|
||||
}
|
||||
|
||||
}
|
||||
.course-content-item-content > [data-for="sectioninfo"] {
|
||||
margin: map-get($spacers, 1) 0;
|
||||
}
|
||||
.course-content-item-content > [data-for="sectioninfo"]:not(.description) {
|
||||
margin: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
// No bottom line for the last subsection.
|
||||
&:last-child .section-item {
|
||||
.course-content-item-content,
|
||||
|
||||
@@ -31126,7 +31126,7 @@ body:not(.editing) .single-section > ul > .course-section .section-item .activit
|
||||
}
|
||||
.activity.subsection .section .section-item {
|
||||
border: none;
|
||||
padding: 0.75rem;
|
||||
padding: 0.75rem 0.75rem 0;
|
||||
}
|
||||
.activity.subsection .section .icons-collapse-expand:has(+ h4, + .h4) {
|
||||
height: 24px;
|
||||
@@ -31163,6 +31163,13 @@ body:not(.editing) .activity.subsection .section-item:has([data-for=sectiontoggl
|
||||
body:not(.editing) .activity.subsection .section-item .section .activity:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
body:not(.editing) .activity.subsection .course-content-item-content > [data-for=sectioninfo] {
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
body:not(.editing) .activity.subsection .course-content-item-content > [data-for=sectioninfo]:not(.description) {
|
||||
margin: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
body:not(.editing) .activity.subsection:last-child .section-item .course-content-item-content, body:not(.editing) .activity.subsection:last-child .section-item:has([data-for=sectiontoggler].collapsed):not(:has(.course-content-item-content.collapsing)) .course-section-header {
|
||||
border-bottom: none;
|
||||
}
|
||||
@@ -47891,4 +47898,4 @@ body {
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #a6670e;
|
||||
--bs-gradient: none;
|
||||
}
|
||||
}
|
||||
@@ -31126,7 +31126,7 @@ body:not(.editing) .single-section > ul > .course-section .section-item .activit
|
||||
}
|
||||
.activity.subsection .section .section-item {
|
||||
border: none;
|
||||
padding: 0.75rem;
|
||||
padding: 0.75rem 0.75rem 0;
|
||||
}
|
||||
.activity.subsection .section .icons-collapse-expand:has(+ h4, + .h4) {
|
||||
height: 24px;
|
||||
@@ -31163,6 +31163,13 @@ body:not(.editing) .activity.subsection .section-item:has([data-for=sectiontoggl
|
||||
body:not(.editing) .activity.subsection .section-item .section .activity:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
body:not(.editing) .activity.subsection .course-content-item-content > [data-for=sectioninfo] {
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
body:not(.editing) .activity.subsection .course-content-item-content > [data-for=sectioninfo]:not(.description) {
|
||||
margin: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
body:not(.editing) .activity.subsection:last-child .section-item .course-content-item-content, body:not(.editing) .activity.subsection:last-child .section-item:has([data-for=sectiontoggler].collapsed):not(:has(.course-content-item-content.collapsing)) .course-section-header {
|
||||
border-bottom: none;
|
||||
}
|
||||
@@ -48143,4 +48150,4 @@ body {
|
||||
|
||||
body.hasstickyfooter #page-footer {
|
||||
padding-bottom: calc(1rem * .5 + max(80px, 1rem * 3));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user