Always show search results at full width

Ieebc40073eb3d0c8a56ebc8aec3f060199943ddc lowers the breakpoint
at which search will break into 2 columns (search + interwiki),
in large part because the 2nd column will also be occupied by
Extension:SearchVue's side panel.

On mobile, Extension:SearchVue presents differently (directly
below a search result), so there's not as much need for a 2nd
column this early - wider search results are prefered.

Bug: T321377
Change-Id: I22c46cfad2e054be679d79cce9b8d1ae04e3c6f1
This commit is contained in:
Matthias Mullie 2022-12-14 15:29:31 +01:00
parent 55dcffe98f
commit 4a4f8f279e
3 changed files with 24 additions and 0 deletions

View file

@ -212,6 +212,9 @@
"mediawiki.special.search.styles": [ "mediawiki.special.search.styles": [
"skinStyles/mediawiki.special.search.styles/minerva.less" "skinStyles/mediawiki.special.search.styles/minerva.less"
], ],
"mediawiki.special.search.interwikiwidget.styles": [
"skinStyles/mediawiki.special.search.interwikiwidget.styles/minerva.less"
],
"mediawiki.skinning.content.parsoid": [ "mediawiki.skinning.content.parsoid": [
"skinStyles/mediawiki.skinning.content.parsoid/minerva.less" "skinStyles/mediawiki.skinning.content.parsoid/minerva.less"
], ],

View file

@ -0,0 +1,16 @@
@import '../../minerva.less/minerva.variables.less';
.mw-searchresults-has-iw {
// stylelint-disable-next-line selector-max-id
#mw-interwiki-results {
margin-left: 0;
width: 100%;
}
.iw-resultset:nth-child( 1 ) {
.iw-result__header {
border-top: solid 1px #ccc;
padding-top: 12px;
}
}
}

View file

@ -6,6 +6,11 @@
display: none; display: none;
} }
.mw-search-results-container,
.mw-search-results-info {
width: 100%;
}
@media all and ( min-width: @width-breakpoint-tablet ) { @media all and ( min-width: @width-breakpoint-tablet ) {
#search { // stylelint-disable-line selector-max-id #search { // stylelint-disable-line selector-max-id
display: none; display: none;