Fixed some small overflow/scrollbar issues
Brian Vaughn committed
Feb 22, 2019 at 08:44 UTC
1edbfbf6cb2186dc0c0255cbfddd0d1a311dc981
4 files changed
+8
-2
src/devtools/views/EditableValue.css
+2
-1
@@ -1,12 +1,13 @@
1
.ValueInputLabel {
2
flex: 1 1 100%;
3
+ display: flex;
4
}
5
.ValueInputLabel:focus-within {
6
background-color: var(--color-button-background-focus);
7
}
8
9
.ValueInput {
9
- width: 100%;
10
+ flex: 1 1;
11
background: none;
12
border: 1px solid transparent;
13
color: var(--color-attribute-editable-value);
src/devtools/views/HooksTree.css
+2
@@ -27,6 +27,8 @@
27
28
.Value {
29
color: var(--color-attribute-value);
30
+ overflow: hidden;
31
+ text-overflow: ellipsis;
32
}
33
34
.None {
src/devtools/views/InspectedElementTree.css
+2
@@ -26,6 +26,8 @@
26
27
.Value {
28
color: var(--color-attribute-value);
29
+ overflow: hidden;
30
+ text-overflow: ellipsis;
31
}
32
33
.None {
src/devtools/views/SelectedElement.css
+2
-1
@@ -51,7 +51,8 @@
51
}
52
53
.InspectedElement {
54
- overflow: auto;
54
+ overflow-x: hidden;
55
+ overflow-y: auto;
56
font-family: var(--font-family-monospace);
57
font-size: var(--font-size-monospace-normal);
58
line-height: var(--line-height-data);