mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-18 08:40:49 +00:00
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:
parent
55dcffe98f
commit
4a4f8f279e
|
@ -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"
|
||||||
],
|
],
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue