Skip to content

Commit

Permalink
Wrap Components and Profiler tabs with box-size style too (facebook#1…
Browse files Browse the repository at this point in the history
…8286)

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.
  • Loading branch information
Brian Vaughn authored and trueadm committed Mar 12, 2020
1 parent 8b155d2 commit 62de633
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,11 @@
font-family: var(--font-family-sans);
}

.Components, .Components * {
box-sizing: border-box;
-webkit-font-smoothing: var(--font-smoothing);
}

.TreeWrapper {
flex: 0 0 var(--horizontal-resize-percentage);
overflow: auto;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,5 @@

.DevTools, .DevTools * {
box-sizing: border-box;

-webkit-font-smoothing: var(--font-smoothing);
}
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,11 @@
color: var(--color-text);
}

.Profiler, .Profiler * {
box-sizing: border-box;
-webkit-font-smoothing: var(--font-smoothing);
}

.LeftColumn {
display: flex;
flex-direction: column;
Expand Down

0 comments on commit 62de633

Please sign in to comment.