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

View File

@ -50,13 +50,14 @@
// The page actions menu icons are ever so slightly larger
// than standard icons.
@pageActionsIconSize: @iconSize + 0.15;
@pageActionsIconTarget: 2.75em; // 44px minimum touch target
// 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.
display: block;
position: relative;
min-width: @pageActionsIconSize;
width: @pageActionsIconSize;
height: @pageActionsIconSize;
min-width: @pageActionsIconTarget;
width: @pageActionsIconTarget;
height: @pageActionsIconTarget;
&:hover {
box-shadow: none;
@ -69,6 +70,7 @@
// stretches the entire height of its parent element.
top: 0;
bottom: 0;
background-size: @pageActionsIconSize;
}
}
}