Skip to content

Commit 299b2cf

Browse files
authored
Updated CSS
1 parent d61fbdc commit 299b2cf

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed

packages/react-devtools-shared/src/devtools/views/Components/SelectedElement.css

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,37 @@
1616
padding: 0.5rem;
1717
}
1818

19+
.Key {
20+
flex: 0 1 auto;
21+
padding-left: 0.25rem;
22+
padding-right: 0.125rem;
23+
line-height: 1rem;
24+
border-top-left-radius: 0.125rem;
25+
border-bottom-left-radius: 0.125rem;
26+
display: inline-block;
27+
background-color: var(--color-component-badge-background);
28+
color: var(--color-text);
29+
font-family: var(--font-family-monospace);
30+
font-size: var(--font-size-monospace-small);
31+
white-space: nowrap;
32+
overflow: hidden;
33+
text-overflow: ellipsis;
34+
max-width: 100%;
35+
}
36+
37+
.KeyArrow {
38+
height: 1rem;
39+
width: 1rem;
40+
margin-right: -0.25rem;
41+
border: 0.5rem solid transparent;
42+
border-left: 0.5rem solid var(--color-component-badge-background);
43+
}
44+
1945
.SelectedComponentName {
2046
flex: 1 1 auto;
2147
overflow: hidden;
2248
text-overflow: ellipsis;
49+
line-height: normal;
2350
}
2451

2552
.Owners {

0 commit comments

Comments
 (0)