Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1186)

Unified Diff: third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css

Issue 1739183002: DevTools: [CSSP] do not wrap computed properties. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebaseline test Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css b/third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css
index d453c83f0d701e8505a2d8db01dbeaba3ba3be19..34828965ecc32518cc8d443e327fa0c92cbd321e 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css
+++ b/third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css
@@ -10,18 +10,31 @@
.computed-style-property {
display: flex;
- flex-wrap: wrap;
+ overflow: hidden;
+ flex: auto;
}
.computed-style-property .property-name {
- width: 16em;
+ min-width: 5em;
text-overflow: ellipsis;
overflow: hidden;
+ flex-shrink: 1;
+ flex-basis: 16em;
+ flex-grow: 1;
}
.computed-style-property .property-value {
- min-width: 5em;
+ margin-left: 2em;
position: relative;
+ display: flex;
+ flex-shrink: 0;
+ flex-basis: 5em;
+ flex-grow: 10;
+}
+
+.computed-style-property .property-value-text {
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.tree-outline li:hover .goto-source-icon {
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698