github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21552 from overleaf/jel-cms-rows

Browse source 
[web] Fix parent row styling applying to nested rows on CMS pages

GitOrigin-RevId: 047c24fcff4ac73b0d0db403d728e3e3e8876b6f
This commit is contained in:
Jessica Lawshe 2024-11-05 09:24:14 -06:00 committed by Copybot
parent c27dc70c80
commit 40af0fa84f
1 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
View file

@ -127,7 +127,8 @@
// } // }
} }
.section-row { // only first level of .section-row need to act like containers. We do not want to update .section-row nested within a .section-row
section > .section-row {
@extend .container; @extend .container;
} }
@ -448,10 +449,8 @@
bottom: 1px; bottom: 1px;
} }
.vertically-center-col { .vertically-center-col > div[class*='col-'] {
div[class*='col-'] {
align-self: center; align-self: center;
}
// remove margin to better vertically align // remove margin to better vertically align
// some elements need to be nested within a container, and others are directly within .no-card/.card // some elements need to be nested within a container, and others are directly within .no-card/.card
@ -567,14 +566,10 @@
// Desktop layout options depdendent on mobile breakpoint // Desktop layout options depdendent on mobile breakpoint
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
.row-equal-column-heights { .row-equal-column-heights > div[class*='col-'] > .card,
div[class*='col-'] {
.card,
.no-card { .no-card {
height: 100%; height: 100%;
} }
}
}
.section-row { .section-row {
&.section-row-max-800 { &.section-row-max-800 {