AMC actions: Increase touch target size to 44px
Bug: T230033 Change-Id: I3ec9091380d48e2fcedb8d222fa22b0143f7bceb
This commit is contained in:
parent
a6ed7d8968
commit
aad8addcec
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue