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

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

Issue 2688923002: DevTools: update widths of console toolbar elements (Closed)
Patch Set: min-width with shrink 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 | « no previous file | 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) 2014 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2014 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 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
62 min-width: 28px; 62 min-width: 28px;
63 background: transparent; 63 background: transparent;
64 } 64 }
65 65
66 .toolbar-text { 66 .toolbar-text {
67 margin: 0 5px; 67 margin: 0 5px;
68 flex: none; 68 flex: none;
69 color: #5a5a5a; 69 color: #5a5a5a;
70 } 70 }
71 71
72 .toolbar-text:empty {
73 margin: 0;
74 }
75
72 .toolbar-has-dropdown { 76 .toolbar-has-dropdown {
73 justify-content: space-between; 77 justify-content: space-between;
74 } 78 }
75 79
76 .toolbar-has-dropdown .toolbar-text { 80 .toolbar-has-dropdown .toolbar-text {
77 margin: 0 4px 0 0; 81 margin: 0 4px 0 0;
78 text-overflow: ellipsis; 82 text-overflow: ellipsis;
79 flex: auto; 83 flex: auto;
80 overflow: hidden; 84 overflow: hidden;
81 text-align: right; 85 text-align: right;
(...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after
182 186
183 /* Select */ 187 /* Select */
184 188
185 .toolbar-select-container { 189 .toolbar-select-container {
186 display: inline-flex; 190 display: inline-flex;
187 flex-shrink: 0; 191 flex-shrink: 0;
188 margin-right: 6px; 192 margin-right: 6px;
189 } 193 }
190 194
191 select.toolbar-item { 195 select.toolbar-item {
192 min-width: 48px; 196 min-width: 38px;
193 -webkit-appearance: none; 197 -webkit-appearance: none;
194 border: 0; 198 border: 0;
195 border-radius: 0; 199 border-radius: 0;
196 padding: 0 15px 0 5px; 200 padding: 0 8px 0 5px;
197 margin-right: -10px; 201 margin-right: -10px;
198 position: relative; 202 position: relative;
199 } 203 }
200 204
201 /* Input */ 205 /* Input */
202 206
203 .toolbar-input { 207 .toolbar-input {
204 width: 120px; 208 width: 120px;
205 height: 20px; 209 height: 20px;
206 padding: 3px; 210 padding: 3px;
207 margin: 1px 3px; 211 margin: 1px 3px;
208 background-color: white; 212 background-color: white;
209 border: solid 1px #d8d8d8; 213 border: solid 1px #d8d8d8;
214 min-width: 35px;
210 } 215 }
211 216
212 .toolbar-input.focused, 217 .toolbar-input.focused,
213 .toolbar-input.hover { 218 .toolbar-input.hover {
214 border: solid 1px rgb(202, 202, 202); 219 border: solid 1px rgb(202, 202, 202);
215 } 220 }
216 221
217 .toolbar-input > input { 222 .toolbar-input > input {
218 border: none; 223 border: none;
219 flex-grow: 1; 224 flex-grow: 1;
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
268 margin-top: -1px; 273 margin-top: -1px;
269 width: 28px; 274 width: 28px;
270 left: -2px; 275 left: -2px;
271 } 276 }
272 277
273 span.toolbar-select-container.toolbar-item.warning { 278 span.toolbar-select-container.toolbar-item.warning {
274 background: #ffd7d7; 279 background: #ffd7d7;
275 padding: 0 5px 0 0; 280 padding: 0 5px 0 0;
276 margin-right: 1px; 281 margin-right: 1px;
277 } 282 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698