golem
/
MinervaNeue
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

AMC actions: Increase touch target size to 44px 

Bug: T230033
Change-Id: I3ec9091380d48e2fcedb8d222fa22b0143f7bceb
This commit is contained in:
Ed Sanders 2019-08-11 12:42:05 +01:00
parent a6ed7d8968
commit aad8addcec
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/skins.minerva.base.styles/pageactions.less
View File

@ -50,13 +50,14 @@
// The page actions menu icons are ever so slightly larger // The page actions menu icons are ever so slightly larger
// than standard icons. // than standard icons.
@pageActionsIconSize: @iconSize + 0.15; @pageActionsIconSize: @iconSize + 0.15;
@pageActionsIconTarget: 2.75em; // 44px minimum touch target
// explicitly added to ensure this element (which is an anchor) receives width/height // explicitly added to ensure this element (which is an anchor) receives width/height
// when it's viewed in services that manipulate DOM such as Google Translate. // when it's viewed in services that manipulate DOM such as Google Translate.
display: block; display: block;
position: relative; position: relative;
min-width: @pageActionsIconSize; min-width: @pageActionsIconTarget;
width: @pageActionsIconSize; width: @pageActionsIconTarget;
height: @pageActionsIconSize; height: @pageActionsIconTarget;
&:hover { &:hover {
box-shadow: none; box-shadow: none;
@ -69,6 +70,7 @@
// stretches the entire height of its parent element. // stretches the entire height of its parent element.
top: 0; top: 0;
bottom: 0; bottom: 0;
background-size: @pageActionsIconSize;
} }
} }
} }