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

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

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

Powered by Google App Engine
This is Rietveld 408576698