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

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

Issue 2688153003: DevTools: fix blackboxing buttons (Closed)
Patch Set: Created 3 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 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 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
43 .list-item:hover .controls-gradient { 43 .list-item:hover .controls-gradient {
44 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%)); 44 background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 96%));
45 } 45 }
46 46
47 .controls-buttons { 47 .controls-buttons {
48 flex: none; 48 flex: none;
49 display: flex; 49 display: flex;
50 flex-direction: row; 50 flex-direction: row;
51 align-items: center; 51 align-items: center;
52 pointer-events: auto; 52 pointer-events: auto;
53 visibility: hidden;
53 } 54 }
54 55
55 .list-item:hover .controls-buttons { 56 .list-item:hover .controls-buttons {
56 background-color: hsl(0, 0%, 96%); 57 background-color: hsl(0, 0%, 96%);
57 }
58
59 .remove-button,
60 .edit-button {
61 opacity: 0.5;
62 cursor: pointer;
63 flex: none;
64 visibility: hidden;
65 }
66
67 .list-item:hover .remove-button,
68 .list-item:hover .edit-button {
69 visibility: visible; 58 visibility: visible;
70 } 59 }
71 60
72 .remove-button:hover,
73 .edit-button:hover {
74 opacity: 0.7;
75 }
76
77 .remove-button {
78 background-position: -128px -24px;
79 }
80
81 .edit-button {
82 background-position: -160px 0px;
83 }
84
85 .editor-container { 61 .editor-container {
86 display: flex; 62 display: flex;
87 flex-direction: column; 63 flex-direction: column;
88 align-items: stretch; 64 align-items: stretch;
89 flex: none; 65 flex: none;
90 background: hsl(0, 0%, 96%); 66 background: hsl(0, 0%, 96%);
91 overflow: hidden; 67 overflow: hidden;
92 } 68 }
93 69
94 .editor-content { 70 .editor-content {
(...skipping 17 matching lines...) Expand all
112 margin-right: 10px; 88 margin-right: 10px;
113 } 89 }
114 90
115 .editor-content input { 91 .editor-content input {
116 margin-right: 10px; 92 margin-right: 10px;
117 } 93 }
118 94
119 .editor-content input.error-input { 95 .editor-content input.error-input {
120 background-color: white; 96 background-color: white;
121 } 97 }
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