github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-02-25 18:12:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21116 from overleaf/mf-new-gallery-search-result-mobile

Browse source 
[web] Adjust search result styling for smaller screen width

GitOrigin-RevId: 6a16b0ca05358c6c83cc626c6103a6bffc98c33f
This commit is contained in:
Jessica Lawshe 2024-10-24 09:25:07 -05:00 committed by Copybot
parent fd778822f9
commit 7a7533f794
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss
View file

@ -48,6 +48,10 @@
img { img {
width: 185px; width: 185px;
box-shadow: 0 2px 4px 0 rgba(30 37 48 / 16%); box-shadow: 0 2px 4px 0 rgba(30 37 48 / 16%);
@include media-breakpoint-down(sm) {
width: 35vw;
}
} }
} }
} }
@ -55,10 +59,17 @@
.search-title { .search-title {
margin-bottom: var(--spacing-04); margin-bottom: var(--spacing-04);
max-width: $templates-search-max-width; max-width: $templates-search-max-width;
display: flex;
align-items: center;
a { a {
@include heading-md; @include heading-md;
line-clamp: 2;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow-y: hidden;
color: var(--content-primary); color: var(--content-primary);
text-decoration: none; text-decoration: none;
@ -90,6 +101,7 @@
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
display: flex; display: flex;
flex-wrap: wrap;
gap: var(--spacing-04); gap: var(--spacing-04);
li a { li a {