StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 22:35:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better search UI on mobile #2

Browse source
This commit is contained in:
alistair3149 2019-12-12 12:52:52 -05:00
parent 49132bc2a7
commit 6941f6131e
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
resources/components/search.less
View file

@ -3,6 +3,8 @@
// https://starcitizen.tools
//
@suggestion-max-width: 400px + @icon-box-size + @icon-padding * 2; // 454px
// TODO: Make it configurable and flexible
#site-search {
@ -161,7 +163,7 @@
.suggestions-dropdown {
background: @base-100;
.boxshadow(4);
width: calc(~"400px +"@icon-box-size + @icon-padding * 2);
width: @suggestion-max-width;
max-width: calc(~"100vw -"@icon-box-size + @icon-padding * 2 + @margin-side );
}
@ -229,7 +231,9 @@ a.suggestion-link:hover {
}
}
@media only screen and (max-width: 400px + @icon-box-size + @icon-padding * 2) {
@media only screen and (max-width: @suggestion-max-width) {
.suggestions-dropdown {
position: fixed;
left: 0;