mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-06-08 16:50:44 +02:00
Antoine Clausse
e2267b57e4
* Reapply "[web] Migrate general Pug pages to BS5 (#25937)" This reverts commit c0afd7db2dde6a051043ab3e85a969c1eeb7d6a3. * Fixup layouts in `404` and `closed` pages Oversight from https://github.com/overleaf/internal/pull/25937 * Use `.container-custom-sm` and `.container-custom-md` instead of inconsistent page widths * Copy error-pages.less * Convert error-pages.lss to SCSS * Revert changes to pug files * Nest CSS in `.error-container` so nothing leaks to other pages * Remove `font-family-serif` * Use CSS variables * Remove `padding: 0` from `.full-height`: it breaks the layout in BS5 * Fix error-actions buttons * Revert changes to .container-custom... * Update services/web/app/views/external/planned_maintenance.pug Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com> * Update services/web/app/views/general/closed.pug Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com> --------- Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com> GitOrigin-RevId: 313f04782a72fae7cc66d36f9d6467bad135fd60
98 lines
1.6 KiB
SCSS
98 lines
1.6 KiB
SCSS
html {
|
|
height: 100%;
|
|
}
|
|
|
|
// Prevent potential for layout shifts on a page with fixed 100% height. This
|
|
// can happen, for example, with the Grammarly extension in Firefox.
|
|
html.fixed-size-document {
|
|
position: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.content {
|
|
min-height: 100vh;
|
|
padding-top: $header-height + $spacing-08;
|
|
padding-bottom: $spacing-08;
|
|
|
|
.thin-footer & {
|
|
min-height: calc(100vh - #{$thin-footer-height});
|
|
}
|
|
|
|
.container-top-padded {
|
|
padding-top: var(--spacing-16);
|
|
}
|
|
}
|
|
|
|
.content-alt {
|
|
background-color: $bg-light-secondary;
|
|
}
|
|
|
|
// Page header/separator
|
|
.page-separator,
|
|
.page-header {
|
|
padding-bottom: $spacing-05;
|
|
border-bottom: 1px solid $border-divider;
|
|
margin: 0;
|
|
|
|
// Apply margin above or below this header/separator only when it has a sibling
|
|
* > * + &,
|
|
* > & + * {
|
|
margin-top: $spacing-08;
|
|
}
|
|
}
|
|
|
|
// Horizontal rule. Override Bootstrap's 25% opacity, which we don't want
|
|
hr {
|
|
opacity: unset;
|
|
}
|
|
|
|
.horizontal-divider {
|
|
border-top: 1px solid var(--border-divider);
|
|
}
|
|
|
|
.hidden {
|
|
@extend .d-none;
|
|
}
|
|
|
|
.hidden-print {
|
|
@extend .d-print-none;
|
|
}
|
|
|
|
.row-spaced {
|
|
margin-top: var(--line-height-03);
|
|
}
|
|
|
|
.row-spaced-small {
|
|
margin-top: calc(var(--line-height-03) / 2);
|
|
}
|
|
|
|
.row-spaced-large {
|
|
margin-top: calc(var(--line-height-03) * 2);
|
|
}
|
|
|
|
.row-spaced-extra-large {
|
|
margin-top: calc(var(--line-height-03) * 4);
|
|
}
|
|
|
|
.inline-material-symbols {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
|
|
a.material-symbols {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.container-custom-sm {
|
|
max-width: 400px;
|
|
}
|
|
|
|
.full-height {
|
|
height: 100%;
|
|
}
|