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 #18404 from overleaf/rd-bs5-dropdown-fix

Browse source 
[web] Fix footer layout on the smallest viewport Bootstrap 5

GitOrigin-RevId: 741540ff5e25fe36021d0a2ef2d433dc63ee3650
This commit is contained in:
Rebeka Dekany 2024-05-17 16:49:18 +02:00 committed by Copybot
parent dfd1652c35
commit 1aa5ee7b21
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/layout/language-picker-bootstrap-5.pug
View file

@ -1,5 +1,5 @@
li.dropdown.dropup.subdued(dropdown).language-picker li.dropdown.dropup.subdued(dropdown).language-picker
a.dropdown-toggle#language-picker-toggle( a#language-picker-toggle(
href="#", href="#",
dropdown-toggle, dropdown-toggle,
data-ol-lang-selector-tooltip, data-ol-lang-selector-tooltip,

14
services/web/frontend/stylesheets/bootstrap-5/components/footer.scss
View file

@ -65,7 +65,6 @@ footer.site-footer {
color: var(--content-secondary-dark); color: var(--content-secondary-dark);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-x: hidden;
.fat-footer-container { .fat-footer-container {
margin: var(--spacing-11) auto; margin: var(--spacing-11) auto;
@ -136,6 +135,10 @@ footer.site-footer {
@include body-sm; @include body-sm;
#language-picker-toggle {
color: var(--content-secondary-dark);
}
.fat-footer-base-meta a:not(.dropdown-toggle) { .fat-footer-base-meta a:not(.dropdown-toggle) {
color: inherit; color: inherit;
} }
@ -149,6 +152,7 @@ footer.site-footer {
&.active { &.active {
color: var(--green-70); color: var(--green-70);
} }
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
@ -171,7 +175,6 @@ footer.site-footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: var(--spacing-07) auto var(--spacing-07);
.fat-footer-base-section { .fat-footer-base-section {
display: flex; display: flex;
@ -190,16 +193,23 @@ footer.site-footer {
} }
.fat-footer-base-item { .fat-footer-base-item {
flex-wrap: wrap;
padding: var(--spacing-02); padding: var(--spacing-02);
margin: var(--spacing-06); margin: var(--spacing-06);
} }
.fat-footer-base-meta .fat-footer-base-item { .fat-footer-base-meta .fat-footer-base-item {
gap: var(--spacing-09); gap: var(--spacing-09);
justify-content: center;
@include media-breakpoint-down(sm) {
gap: var(--spacing-06);
}
} }
.fat-footer-base-social .fat-footer-base-item { .fat-footer-base-social .fat-footer-base-item {
gap: var(--spacing-07); gap: var(--spacing-07);
margin-top: var(--spacing-00);
} }
.fat-footer-social { .fat-footer-social {