OSSForks/react
1
0
Fork 0
mirror of https://github.com/zebrajr/react.git synced 2025-12-06 12:20:20 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Wrap Components and Profiler tabs with box-size style too (#18286)

Browse Source 
For the browser extension, these views get rendered into portals and so they don't inherit the box-sizing style from the .DevTools wrapper element. This causes views like the Profiler commit selector to subtly break.
This commit is contained in:
Brian Vaughn 2020-03-11 19:12:57 -07:00 committed by GitHub
parent 5374919033
commit 97a8c72bf8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/react-devtools-shared/src/devtools/views/Components/Components.css
View File

@ -9,6 +9,11 @@
font-family: var(--font-family-sans); font-family: var(--font-family-sans);
} }
.Components, .Components * {
box-sizing: border-box;
-webkit-font-smoothing: var(--font-smoothing);
}
.TreeWrapper { .TreeWrapper {
flex: 0 0 var(--horizontal-resize-percentage); flex: 0 0 var(--horizontal-resize-percentage);
overflow: auto; overflow: auto;

1
packages/react-devtools-shared/src/devtools/views/DevTools.css
View File

@ -56,6 +56,5 @@
.DevTools, .DevTools * { .DevTools, .DevTools * {
box-sizing: border-box; box-sizing: border-box;
-webkit-font-smoothing: var(--font-smoothing); -webkit-font-smoothing: var(--font-smoothing);
} }

5
packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.css
View File

@ -11,6 +11,11 @@
color: var(--color-text); color: var(--color-text);
} }
.Profiler, .Profiler * {
box-sizing: border-box;
-webkit-font-smoothing: var(--font-smoothing);
}
.LeftColumn { .LeftColumn {
display: flex; display: flex;
flex-direction: column; flex-direction: column;