mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
Merge pull request #21552 from overleaf/jel-cms-rows
[web] Fix parent row styling applying to nested rows on CMS pages GitOrigin-RevId: 047c24fcff4ac73b0d0db403d728e3e3e8876b6f
This commit is contained in:
parent
c27dc70c80
commit
40af0fa84f
1 changed files with 7 additions and 12 deletions
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -448,10 +449,8 @@
|
|||
bottom: 1px;
|
||||
}
|
||||
|
||||
.vertically-center-col {
|
||||
div[class*='col-'] {
|
||||
.vertically-center-col > div[class*='col-'] {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
// remove margin to better vertically align
|
||||
// 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
|
||||
@include media-breakpoint-up(lg) {
|
||||
.row-equal-column-heights {
|
||||
div[class*='col-'] {
|
||||
.card,
|
||||
.row-equal-column-heights > div[class*='col-'] > .card,
|
||||
.no-card {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section-row {
|
||||
&.section-row-max-800 {
|
||||
|
|
Loading…
Reference in a new issue