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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/listWidget.css

Issue 1422703003: [DevTools] Use ListWidget for rendering of EditFileSystemView. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 1 month 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/ui/ListWidget.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 2015 The Chromium Authors. All rights reserved. 2 * Copyright 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 .list { 7 .list {
8 flex: auto 0 1; 8 flex: auto 0 1;
9 overflow-y: auto; 9 overflow-y: auto;
10 border: 1px solid rgb(231, 231, 231); 10 border: 1px solid rgb(231, 231, 231);
(...skipping 15 matching lines...) Expand all
26 26
27 .list-item:hover { 27 .list-item:hover {
28 background: hsl(0, 0%, 96%); 28 background: hsl(0, 0%, 96%);
29 } 29 }
30 30
31 .controls-container { 31 .controls-container {
32 display: flex; 32 display: flex;
33 flex-direction: row; 33 flex-direction: row;
34 justify-content: flex-end; 34 justify-content: flex-end;
35 align-items: stretch; 35 align-items: stretch;
36 pointer-events: none;
36 } 37 }
37 38
38 .controls-gradient { 39 .controls-gradient {
39 flex: 0 1 50px; 40 flex: 0 1 50px;
40 } 41 }
41 42
42 .list-item:hover .controls-gradient { 43 .list-item:hover .controls-gradient {
43 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%)); 44 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%));
44 } 45 }
45 46
46 .controls-buttons { 47 .controls-buttons {
47 flex: none; 48 flex: none;
48 display: flex; 49 display: flex;
49 flex-direction: row; 50 flex-direction: row;
50 align-items: center; 51 align-items: center;
52 pointer-events: auto;
51 } 53 }
52 54
53 .list-item:hover .controls-buttons { 55 .list-item:hover .controls-buttons {
54 background-color: hsl(0, 0%, 96%); 56 background-color: hsl(0, 0%, 96%);
55 } 57 }
56 58
57 .remove-button, 59 .remove-button,
58 .edit-button { 60 .edit-button {
59 background-image: url(Images/toolbarButtonGlyphs.png); 61 background-image: url(Images/toolbarButtonGlyphs.png);
60 background-size: 352px 168px; 62 background-size: 352px 168px;
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
122 } 124 }
123 125
124 .editor-content input { 126 .editor-content input {
125 margin-right: 10px; 127 margin-right: 10px;
126 } 128 }
127 129
128 .editor-content input.error-input { 130 .editor-content input.error-input {
129 outline: auto 2px red; 131 outline: auto 2px red;
130 background-color: white; 132 background-color: white;
131 } 133 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/ListWidget.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698