wikimedia/mediawiki-skins-MinervaNeue
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue synced 2024-11-24 06:13:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Vertically center clear icon within search form element

Browse source 
Rely on css top/transform to center it instead of calculations.

I84fc4224d5107188265d8ec0a26c0388664949a5 should be merged shortly after
this one.

Bug: T233156
Change-Id: I6e00f851ecb4e1ba8c1ef5d90bcc4310d66a820e
This commit is contained in:
Nicholas Ray 2019-09-30 14:33:20 -06:00
parent a65909a87e
commit 2b9929a5f9
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
skinStyles/mobile.startup/search/SearchOverlay.less
View file

@ -9,12 +9,15 @@
top: @siteHeaderHeight; top: @siteHeaderHeight;
} }
@icon-height-halved: unit( ( @icon-touch-area-sm / 2 ) / @font-size-browser, em );
.clear { .clear {
position: absolute; position: absolute;
top: ( @siteHeaderHeight / 2 ) - @icon-height-halved; top: 50%;
right: 0; right: 0;
transform: translateY( -50% );
}
.search-box {
position: relative;
} }
} }