mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
Merge pull request #18404 from overleaf/rd-bs5-dropdown-fix
[web] Fix footer layout on the smallest viewport Bootstrap 5 GitOrigin-RevId: 741540ff5e25fe36021d0a2ef2d433dc63ee3650
This commit is contained in:
parent
dfd1652c35
commit
1aa5ee7b21
2 changed files with 13 additions and 3 deletions
|
@ -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,
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue