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

Side by Side 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, 9 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 unified diff | 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 »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .computed-properties { 7 .computed-properties {
8 -webkit-user-select: text; 8 -webkit-user-select: text;
9 } 9 }
10 10
11 .computed-style-property { 11 .computed-style-property {
12 display: flex; 12 display: flex;
13 flex-wrap: wrap; 13 overflow: hidden;
14 flex: auto;
14 } 15 }
15 16
16 .computed-style-property .property-name { 17 .computed-style-property .property-name {
17 width: 16em; 18 min-width: 5em;
18 text-overflow: ellipsis; 19 text-overflow: ellipsis;
19 overflow: hidden; 20 overflow: hidden;
21 flex-shrink: 1;
22 flex-basis: 16em;
23 flex-grow: 1;
20 } 24 }
21 25
22 .computed-style-property .property-value { 26 .computed-style-property .property-value {
23 min-width: 5em; 27 margin-left: 2em;
24 position: relative; 28 position: relative;
29 display: flex;
30 flex-shrink: 0;
31 flex-basis: 5em;
32 flex-grow: 10;
33 }
34
35 .computed-style-property .property-value-text {
36 overflow: hidden;
37 text-overflow: ellipsis;
25 } 38 }
26 39
27 .tree-outline li:hover .goto-source-icon { 40 .tree-outline li:hover .goto-source-icon {
28 display: block; 41 display: block;
29 } 42 }
30 43
31 .goto-source-icon { 44 .goto-source-icon {
32 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 45 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
33 -webkit-mask-position: 0 -120px; 46 -webkit-mask-position: 0 -120px;
34 background-color: #5a5a5a; 47 background-color: #5a5a5a;
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
105 margin-left: 4px; 118 margin-left: 4px;
106 } 119 }
107 120
108 .delimeter { 121 .delimeter {
109 color: transparent; 122 color: transparent;
110 } 123 }
111 124
112 .delimeter::selection { 125 .delimeter::selection {
113 color: transparent; 126 color: transparent;
114 } 127 }
OLDNEW
« 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