Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

REVERT: UX: keep recent search items on same line as icon (#27264) 

This was making the hamburger menu un-scrollable on mobile.
This commit is contained in:
Joffrey JAFFEUX 2024-05-31 09:03:52 +02:00 committed by Loïc Guitaut
parent 5eae8ced9e
commit a9cccf07c6
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/common/base/menu-panel.scss
View File

@ -229,6 +229,23 @@
} }
} }
.hamburger-panel {
// remove once glimmer search menu in place
a.widget-link {
width: 100%;
box-sizing: border-box;
@include ellipsis;
}
a.search-link {
width: 100%;
box-sizing: border-box;
@include ellipsis;
}
.panel-body {
overflow-y: auto;
}
}
.menu-links.columned { .menu-links.columned {
li { li {
width: 50%; width: 50%;

6
app/assets/stylesheets/common/base/search-menu.scss
View File

@ -256,9 +256,6 @@ $search-pad-horizontal: 0.5em;
} }
.search-item-slug { .search-item-slug {
overflow-wrap: anywhere;
white-space: wrap;
min-width: 0;
.keyword { .keyword {
margin-right: 0.33em; margin-right: 0.33em;
} }
@ -325,9 +322,6 @@ $search-pad-horizontal: 0.5em;
.search-menu-recent { .search-menu-recent {
@include separator; @include separator;
.search-menu-assistant-item .search-link {
flex-wrap: nowrap;
}
.heading { .heading {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;