Use prettier focus outline for HTML5Badge
This commit is contained in:
parent
828fb65cf4
commit
f29a269b94
1 changed files with 2 additions and 1 deletions
|
@ -952,7 +952,6 @@ function HTML5Badge({ usesHTML5 }) {
|
||||||
function HTML5BadgeLayout({ children, tooltipLabel, ...props }) {
|
function HTML5BadgeLayout({ children, tooltipLabel, ...props }) {
|
||||||
return (
|
return (
|
||||||
<Tooltip
|
<Tooltip
|
||||||
shouldWrapChildren
|
|
||||||
textAlign="center"
|
textAlign="center"
|
||||||
fontSize="xs"
|
fontSize="xs"
|
||||||
placement="bottom-start"
|
placement="bottom-start"
|
||||||
|
@ -966,6 +965,8 @@ function HTML5BadgeLayout({ children, tooltipLabel, ...props }) {
|
||||||
paddingX="2"
|
paddingX="2"
|
||||||
paddingY="1"
|
paddingY="1"
|
||||||
transition="all 0.2s"
|
transition="all 0.2s"
|
||||||
|
tabIndex="0"
|
||||||
|
_focus={{ outline: "none", boxShadow: "outline" }}
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
|
|
Loading…
Reference in a new issue