Scope dev tools wildcard styles within DevTools CSS class

GasimGasimzada · GasimGasimzada · commit 9cc094a19a9e · 2020-01-04T14:04:15.000+04:00
diff --git a/packages/react-devtools-shared/src/devtools/views/DevTools.css b/packages/react-devtools-shared/src/devtools/views/DevTools.css
@@ -53,3 +53,9 @@
     display: none;
   }
 }
+
+.DevTools, .DevTools * {
+  box-sizing: border-box;
+
+  -webkit-font-smoothing: var(--font-smoothing);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/root.css b/packages/react-devtools-shared/src/devtools/views/root.css
@@ -182,9 +182,3 @@
   --interaction-commit-size: 10px;
   --interaction-label-width: 200px;
 }
-
-* {
-  box-sizing: border-box;
-
-  -webkit-font-smoothing: var(--font-smoothing);
-}

Original file line number	Diff line number	Diff line change
`@@ -53,3 +53,9 @@`
`53`	`53`	`display: none;`
`54`	`54`	`}`
`55`	`55`	`}`
	`56`	`+`
	`57`	`+.DevTools, .DevTools * {`
	`58`	`+ box-sizing: border-box;`
	`59`	`+`
	`60`	`+ -webkit-font-smoothing: var(--font-smoothing);`
	`61`	`+}`