Skip to content

Commit

Permalink
Apply figure padding only when top level of content
Browse files Browse the repository at this point in the history
  • Loading branch information
jacbn committed Oct 17, 2024
1 parent faff04d commit 6a5e23a
Showing 1 changed file with 7 additions and 2 deletions.
9 changes: 7 additions & 2 deletions src/scss/phy/questions.scss
Original file line number Diff line number Diff line change
Expand Up @@ -32,13 +32,18 @@
.question-component .question-content {
font-family: $primary-font;
}
.question-panel > .content-chunk > .content-value, .figure-panel {
.question-panel > .content-chunk > .content-value {
background: none;
box-shadow: none;
padding: 0 0.25rem;
font-weight: 400;
}

.content-chunk > .figure-panel {
// if a figure is in the top level of a content block, indent it. otherwise (i.e. when inside a layout component), leave it for that component to handle
padding: 0 3rem;
}

.question-panel .isaac-accordion {
background: $gray-103;
.card-body > .content-chunk > .content-value {
Expand All @@ -47,7 +52,7 @@
line-height: 1.6;
}
// Make sure that reorder questions have a background when they expand on Phy
.question-component:not(.expansion-layout), .figure-panel {
.question-component:not(.expansion-layout) {
background: none;
box-shadow: none;
padding: 0 !important;
Expand Down

0 comments on commit 6a5e23a

Please sign in to comment.