{"body":"","parents":["a129089891a51883bd2541020e63c441bad02bf2"],"commit":{"authorName":"Brian Vaughn","revision":"8220df734c8d33d1bc36fb50ab2c24cc393479d1","authorEmail":"bvaughn@fb.com","authoredAt":"2019-04-21T08:23:20-07:00","subject":"Tweaked hover and focus colors. Temporarily disabled Tooltip.","shortRevision":"8220df734c"},"files":[{"status":"M","path":"shells\/dev\/index.html"},{"status":"M","path":"src\/devtools\/views\/Button.css"},{"status":"M","path":"src\/devtools\/views\/Button.js"},{"status":"M","path":"src\/devtools\/views\/Components\/OwnersStack.css"},{"status":"M","path":"src\/devtools\/views\/Components\/OwnersStack.js"},{"status":"M","path":"src\/devtools\/views\/Components\/SearchInput.css"},{"status":"M","path":"src\/devtools\/views\/DevTools.js"},{"status":"M","path":"src\/devtools\/views\/ReactLogo.css"},{"status":"M","path":"src\/devtools\/views\/Settings\/SettingsContext.js"},{"status":"M","path":"src\/devtools\/views\/TabBar.css"},{"status":"M","path":"src\/devtools\/views\/Toggle.css"},{"status":"M","path":"src\/devtools\/views\/Toggle.js"},{"status":"M","path":"src\/devtools\/views\/Tooltip.css"},{"status":"M","path":"src\/devtools\/views\/root.css"}],"patch":"diff --git a\/shells\/dev\/index.html b\/shells\/dev\/index.html\nindex 2b031d0d70..842137bc23 100644\n--- a\/shells\/dev\/index.html\n+++ b\/shells\/dev\/index.html\n@@ -13,6 +13,7 @@\n height: 400px;\n max-height: 50%;\n overflow: hidden;\n+ z-index: 10000001;\n }\n body {\n display: flex;\ndiff --git a\/src\/devtools\/views\/Button.css b\/src\/devtools\/views\/Button.css\nindex 0f7833c552..d3885372b4 100644\n--- a\/src\/devtools\/views\/Button.css\n+++ b\/src\/devtools\/views\/Button.css\n@@ -14,11 +14,9 @@\n }\n \n .Button:hover {\n- background: var(--color-button-background-hover);\n color: var(--color-button-hover);\n }\n .Button:active {\n- background: var(--color-button-background-focus);\n color: var(--color-button-focus);\n outline: none;\n }\n@@ -28,7 +26,7 @@\n }\n \n .Button:focus > .ButtonContent {\n- box-shadow: 0 0 0 2px var(--color-button-background-focus) inset;\n+ background: var(--color-button-background-focus);\n }\n \n .Button:disabled,\ndiff --git a\/src\/devtools\/views\/Button.js b\/src\/devtools\/views\/Button.js\nindex b1b3500227..79a857429a 100644\n--- a\/src\/devtools\/views\/Button.js\n+++ b\/src\/devtools\/views\/Button.js\n@@ -1,10 +1,10 @@\n \/\/ @flow\n \n import React from 'react';\n-import Tooltip from '@reach\/tooltip';\n+\/\/ TODO (tooltips) import Tooltip from '@reach\/tooltip';\n \n import styles from '.\/Button.css';\n-import tooltipStyles from '.\/Tooltip.css';\n+\/\/ TODO (tooltips) import tooltipStyles from '.\/Tooltip.css';\n \n type Props = {\n children: React$Node,\n@@ -12,15 +12,21 @@ type Props = {\n title: string,\n };\n \n-export default function Button({ children, className, title, ...rest }: Props) {\n+export default function Button({\n+ children,\n+ className = '',\n+ title,\n+ ...rest\n+}: Props) {\n let button = (\n-

dillon1000/react

Files changed