Special Search: Improve the search layout and search preview widths on tablets

- [x] Add skin specific styles

Bug: T323843
Change-Id: I69fe0e4df2ec13fea2b4a5bc76881505b8bd8cf3
This commit is contained in:
Simone Cuomo 2023-04-06 10:29:29 +01:00
parent fa6d23e1f3
commit 64141c1f4a
No known key found for this signature in database
GPG key ID: C6B30ACE8D4CBD1D
2 changed files with 16 additions and 0 deletions

View file

@ -444,6 +444,7 @@
"+mediawiki.notification": "skinStyles/mediawiki.notification.less",
"+oojs-ui-core.styles": "skinStyles/ooui.less",
"mediawiki.special": "skinStyles/mediawiki.special.less",
"mediawiki.special.search.interwikiwidget.styles": "skinStyles/mediawiki.special.search.interwikiwidget.less",
"+ext.relatedArticles.readMore": "skinStyles/ext.relatedArticles.readMore.less",
"+ext.uls.compactlinks": "skinStyles/ext.uls.compactlinks.less",
"+ext.uls.interface": "skinStyles/ext.uls.interface.less",

View file

@ -0,0 +1,15 @@
/**
* Adjusts column ratio of the search page when sidebar is closed
*/
@import '../resources/common/variables.less';
.vector-feature-main-menu-pinned-disabled .mw-searchresults-has-iw {
@media only screen and ( min-width: @width-breakpoint-desktop ) {
#mw-interwiki-results {
display: inline-block;
width: ~'calc( 100% / 12 * 3 )';
margin-left: ~'calc( 100% / 12 )';
margin-right: ~'calc( 100% / 12 )';
}
}
}