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 #21378 from overleaf/mf-wrap-filter-navigation

Browse source 
[web] Adjust the styling of the navigation filter on devices with a small screen width on gallery page

GitOrigin-RevId: a404293a030aa60f2261ad2219bc7e55d885f042
This commit is contained in:
M Fahru 2024-10-25 08:01:38 -07:00 committed by Copybot
parent 597551859e
commit 52bb22a794
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
View file

@ -8,6 +8,12 @@
text-align: left; text-align: left;
max-width: 828px; max-width: 828px;
} }
.gallery-filters {
@include media-breakpoint-down(lg) {
margin-top: var(--spacing-06);
}
}
} }
.gallery { .gallery {
@ -26,10 +32,11 @@
} }
} }
.filters { .gallery-filters {
float: right; float: right;
margin-bottom: var(--spacing-11); margin-bottom: var(--spacing-11);
display: flex; display: flex;
flex-wrap: wrap;
gap: var(--spacing-04); gap: var(--spacing-04);
@include media-breakpoint-down(lg) { @include media-breakpoint-down(lg) {