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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/devices/devicesView.css

Issue 2141273002: Reland of DevTools: automatically populate 'More tools' submenu with the drawer views. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 5 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
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 .devices-view { 7 .devices-view {
8 padding-top: 15px; 8 padding-top: 15px;
9 } 9 }
10 10
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
78 border-top: 1px solid #cdcdcd; 78 border-top: 1px solid #cdcdcd;
79 background-color: #f3f3f3; 79 background-color: #f3f3f3;
80 flex: none; 80 flex: none;
81 padding: 3px 10px; 81 padding: 3px 10px;
82 } 82 }
83 83
84 .devices-footer > span { 84 .devices-footer > span {
85 white-space: pre; 85 white-space: pre;
86 } 86 }
87 87
88 .discovery-view {
89 overflow: auto;
90 }
91
92 .discovery-view > * {
93 flex: none;
94 }
95
88 .usb-checkbox { 96 .usb-checkbox {
89 padding-bottom: 8px; 97 padding-bottom: 8px;
90 margin-top: 20px; 98 margin-top: 20px;
91 } 99 }
92 100
93 .port-forwarding-header { 101 .port-forwarding-header {
94 display: flex; 102 display: flex;
95 align-items: center; 103 align-items: center;
96 flex-direction: row; 104 flex-direction: row;
97 margin-top: 5px; 105 margin-top: 5px;
98 } 106 }
99 107
100 .add-rule-button { 108 .add-rule-button {
101 margin: 10px 25px; 109 margin: 10px 25px;
102 align-self: flex-start; 110 align-self: flex-start;
103 } 111 }
104 112
105 .discovery-help { 113 .discovery-help {
106 margin: 5px 0 25px 25px; 114 margin: 5px 0 25px 25px;
107 } 115 }
108 116
109 .discovery-help > span { 117 .discovery-help > span {
110 white-space: pre; 118 white-space: pre;
111 } 119 }
112 120
113 .port-forwarding-list { 121 .port-forwarding-list {
114 margin: 10px 0 0 25px; 122 margin: 10px 0 0 25px;
115 max-width: 500px; 123 max-width: 500px;
116 flex: 0 1 auto; 124 flex: none;
117 } 125 }
118 126
119 .port-forwarding-list-empty { 127 .port-forwarding-list-empty {
120 flex: auto; 128 flex: auto;
121 height: 30px; 129 height: 30px;
122 display: flex; 130 display: flex;
123 align-items: center; 131 align-items: center;
124 justify-content: center; 132 justify-content: center;
125 } 133 }
126 134
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
199 .device-serial { 207 .device-serial {
200 color: #777; 208 color: #777;
201 margin-left: 5px; 209 margin-left: 5px;
202 flex: none; 210 flex: none;
203 } 211 }
204 212
205 .device-browser-list { 213 .device-browser-list {
206 flex: auto; 214 flex: auto;
207 overflow: auto; 215 overflow: auto;
208 padding-right: 10px; 216 padding-right: 10px;
209 margin-top: 20px; 217 margin-top: 30px;
210 } 218 }
211 219
212 .device-browser-list > div { 220 .device-browser-list > div {
213 margin-bottom: 15px; 221 margin-bottom: 15px;
214 } 222 }
215 223
216 .device-browser-title { 224 .device-browser-title {
217 font-size: 16px; 225 font-size: 16px;
218 } 226 }
219 227
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
266 margin-left: 3px; 274 margin-left: 3px;
267 padding: 0; 275 padding: 0;
268 border-radius: 3px; 276 border-radius: 3px;
269 } 277 }
270 278
271 .device-page-title-row .toolbar:hover { 279 .device-page-title-row .toolbar:hover {
272 background-color: hsl(0, 0%, 90%); 280 background-color: hsl(0, 0%, 90%);
273 } 281 }
274 282
275 .device-page-url { 283 .device-page-url {
276 margin: 3px 0; 284 margin: 3px 100px 3px 0;
277 } 285 }
278 286
279 .device-page-url a { 287 .device-page-url a {
280 color: #777; 288 color: #777;
281 word-break: break-all; 289 word-break: break-all;
282 } 290 }
283 291
284 .device-view-more { 292 .device-view-more {
285 cursor: pointer; 293 cursor: pointer;
286 text-decoration: underline; 294 text-decoration: underline;
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
322 } 330 }
323 331
324 .device-view-port-icon.device-view-port-icon-error { 332 .device-view-port-icon.device-view-port-icon-error {
325 background-color: red; 333 background-color: red;
326 } 334 }
327 335
328 .device-view-port-icon.device-view-port-icon-transient { 336 .device-view-port-icon.device-view-port-icon-transient {
329 transform: scale(1.2); 337 transform: scale(1.2);
330 background-color: orange; 338 background-color: orange;
331 } 339 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698