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 #20777 from overleaf/as-cms-mobile-grid

Browse source 
Add support for specifying a mobile grid

GitOrigin-RevId: 1e9c30873d51a6cdd0b802bf6a9caf6207f07d72
This commit is contained in:
M Fahru 2024-10-03 08:02:47 -07:00 committed by Copybot
parent 20846a89a1
commit f3cb79c12f
1 changed files with 6 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -399,6 +399,10 @@
}
.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
.card:first-child,
@ -522,12 +526,6 @@
}
}
.vertically-center-col {
div[class*='col-'] {
align-self: center;
}
}
.section-row {
&.section-row-max-800 {
max-width: 800px !important;
@ -582,25 +580,12 @@
// Mobile layout options depdendent on mobile breakpoint
@include media-breakpoint-down(lg) {
.cms-page {
div[class*='col-'] {
&:not(:first-child) {
padding-top: var(--spacing-13);
}
div.row {
row-gap: var(--spacing-13);
}
.reverse-col-order-mobile {
flex-direction: column-reverse;
// 1st column is displayed as 2nd column on mobile when reversed
div[class*='col-'] {
&:not(:last-child) {
padding-top: var(--spacing-13);
}
&:last-child {
padding-top: 0; // unset padding from default rows above
}
}
}
}
}