{"commit":{"subject":"Tweaked a few styles","authorName":"Brian Vaughn","revision":"ab7ae785114c9bb9b950883318977d0cf638bc0f","shortRevision":"ab7ae78511","authorEmail":"bvaughn@fb.com","authoredAt":"2019-06-01T09:19:32-07:00"},"patch":"diff --git a\/src\/devtools\/views\/Components\/Badge.js b\/src\/devtools\/views\/Components\/Badge.js\nindex da95ac49e2..42ec2d180d 100644\n--- a\/src\/devtools\/views\/Components\/Badge.js\n+++ b\/src\/devtools\/views\/Components\/Badge.js\n@@ -5,12 +5,13 @@ import styles from '.\/Badge.css';\n \n type Props = {|\n children: string | null,\n+ className?: string,\n |};\n \n-export default function Badge({ children }: Props) {\n+export default function Badge({ children, className }: Props) {\n if (children === null) {\n return null;\n }\n \n- return

{children}<\/div>;\n+ return

{children}<\/div>;\n }\ndiff --git a\/src\/devtools\/views\/Components\/Element.css b\/src\/devtools\/views\/Components\/Element.css\nindex 0b56359684..7cd5512188 100644\n--- a\/src\/devtools\/views\/Components\/Element.css\n+++ b\/src\/devtools\/views\/Components\/Element.css\n@@ -64,3 +64,11 @@\n flex: 0 0 1rem;\n color: var(--color-expand-collapse-toggle);\n }\n+\n+.Padding {\n+ width: 0.25rem;\n+}\n+\n+.Badge {\n+ margin-left: 0.25rem;\n+}\ndiff --git a\/src\/devtools\/views\/Components\/Element.js b\/src\/devtools\/views\/Components\/Element.js\nindex cb07812388..ad176e3695 100644\n--- a\/src\/devtools\/views\/Components\/Element.js\n+++ b\/src\/devtools\/views\/Components\/Element.js\n@@ -120,17 +120,17 @@ export default function ElementView({ data, index, style }: Props) {\n \n \/\/ Left padding presents the appearance of a nested tree structure.\n \/\/ We must use padding rather than margin\/left because of the selected background color.\n- paddingLeft: `calc(${depth} * var(--indentation-size) + 0.25rem)`,\n+ paddingLeft: `calc(${depth} * var(--indentation-size))`,\n \n \/\/ TODO Animate horizontal axis compression so it's smoother.\n \/\/ transition: 'padding-left 250ms',\n }}\n data-depth={depth}\n >\n+ \n {ownerID === null ? (\n \n ) : null}\n-\n <<\/span>\n \n {key && (\n@@ -142,7 +142,8 @@ export default function ElementView({ data, index, style }: Props) {\n <\/Fragment>\n )}\n ><\/span>\n- {badge}<\/Badge>\n+ {badge}<\/Badge>\n+ \n <\/div>\n );\n }\ndiff --git a\/src\/devtools\/views\/Components\/SelectedElement.css b\/src\/devtools\/views\/Components\/SelectedElement.css\nindex 176fac717a..eb0169e4da 100644\n--- a\/src\/devtools\/views\/Components\/SelectedElement.css\n+++ b\/src\/devtools\/views\/Components\/SelectedElement.css\n@@ -98,4 +98,5 @@\n display: flex;\n align-items: center;\n margin-left: 0.5rem;\n+ padding: 0;\n }\n","parents":["2845a7883b7dcab926178b578c4ecc06e0e1d3fc"],"body":"","files":[{"path":"src\/devtools\/views\/Components\/Badge.js","status":"M"},{"path":"src\/devtools\/views\/Components\/Element.css","status":"M"},{"path":"src\/devtools\/views\/Components\/Element.js","status":"M"},{"path":"src\/devtools\/views\/Components\/SelectedElement.css","status":"M"}]}

dillon1000/react

Files changed