OLD | NEW |
1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 :root { | 6 :root { |
7 --fade-duration: 225ms; | 7 --fade-duration: 225ms; |
8 --header-height: 48px; | 8 --header-height: 48px; |
9 --md-timing-function: cubic-bezier(.4, 0, .6, 1); | 9 --md-timing-function: cubic-bezier(.4, 0, .6, 1); |
10 --sidebar-width: 155px; | 10 --sidebar-width: 155px; |
(...skipping 27 matching lines...) Expand all Loading... |
38 -webkit-margin-start: var(--sidebar-width); | 38 -webkit-margin-start: var(--sidebar-width); |
39 } | 39 } |
40 | 40 |
41 @media screen and (max-width: 600px) { | 41 @media screen and (max-width: 600px) { |
42 #page-container { | 42 #page-container { |
43 -webkit-margin-start: 0; | 43 -webkit-margin-start: 0; |
44 } | 44 } |
45 } | 45 } |
46 | 46 |
47 /* Page content */ | 47 /* Page content */ |
48 #page-container section { | 48 #page-container > section { |
49 padding: 24px 16px; | 49 padding: 24px 16px; |
50 } | 50 } |
51 | 51 |
52 #page-container .header-extras { | 52 #page-container .header-extras { |
53 -webkit-margin-end: 16px; | 53 -webkit-margin-end: 16px; |
54 -webkit-margin-start: var(--sidebar-width); | 54 -webkit-margin-start: var(--sidebar-width); |
55 align-items: flex-end; | 55 align-items: flex-end; |
56 display: flex; | 56 display: flex; |
57 height: var(--header-height); | 57 height: var(--header-height); |
58 justify-content: flex-end; | 58 justify-content: flex-end; |
(...skipping 30 matching lines...) Expand all Loading... |
89 margin: 0; | 89 margin: 0; |
90 width: 48px; | 90 width: 48px; |
91 } | 91 } |
92 | 92 |
93 @media screen and (max-width: 600px) { | 93 @media screen and (max-width: 600px) { |
94 #menu-btn { | 94 #menu-btn { |
95 display: block; | 95 display: block; |
96 } | 96 } |
97 | 97 |
98 .page-header > h1 { | 98 .page-header > h1 { |
99 margin: 13px 0 13px 24px; | 99 overflow: hidden; |
| 100 text-overflow: ellipsis; |
| 101 white-space: nowrap; |
| 102 width: 190px; |
100 } | 103 } |
101 } | 104 } |
102 | 105 |
103 /* Sidebar */ | 106 /* Sidebar */ |
104 #sidebar { | 107 #sidebar { |
105 --transform-duration: 195ms; | 108 --transform-duration: 195ms; |
106 bottom: 0; | 109 bottom: 0; |
107 left: 0; | 110 left: 0; |
108 position: fixed; | 111 position: fixed; |
109 right: 0; | 112 right: 0; |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
194 } | 197 } |
195 | 198 |
196 /* Device table */ | 199 /* Device table */ |
197 table { | 200 table { |
198 border-collapse: collapse; | 201 border-collapse: collapse; |
199 margin: 0; | 202 margin: 0; |
200 padding: 0; | 203 padding: 0; |
201 width: 100%; | 204 width: 100%; |
202 } | 205 } |
203 | 206 |
| 207 table a { |
| 208 font-size: 10pt; |
| 209 padding: 6px; |
| 210 } |
| 211 |
204 table th, | 212 table th, |
205 table td { | 213 table td { |
206 border: 1px solid #d9d9d9; | 214 border: 1px solid #d9d9d9; |
207 padding: 7px; | 215 padding: 7px; |
208 } | 216 } |
209 | 217 |
210 table th { | 218 table th { |
211 background-color: #f0f0f0; | 219 background-color: #f0f0f0; |
212 font-weight: normal; | 220 font-weight: normal; |
213 } | 221 } |
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
304 .snackbar.error { | 312 .snackbar.error { |
305 background-color: rgb(244, 67, 54); | 313 background-color: rgb(244, 67, 54); |
306 } | 314 } |
307 | 315 |
308 .snackbar.open { | 316 .snackbar.open { |
309 opacity: 1; | 317 opacity: 1; |
310 transform: translate3d(0, 0, 0); | 318 transform: translate3d(0, 0, 0); |
311 visibility: visible; | 319 visibility: visible; |
312 } | 320 } |
313 | 321 |
314 /* Adapter Page */ | |
315 @media screen and (min-width: 601px) { | |
316 #adapter { | |
317 display: flex; | |
318 } | |
319 } | |
320 | |
321 /* Object Fieldset */ | 322 /* Object Fieldset */ |
322 .object-fieldset .status { | 323 .object-fieldset .status { |
323 align-items: center; | 324 align-items: center; |
324 display: flex; | 325 display: flex; |
325 margin-bottom: 0.8em; | 326 margin-bottom: 0.8em; |
326 } | 327 } |
327 | 328 |
328 .object-fieldset .status div:first-child { | 329 .object-fieldset .status div:first-child { |
329 -webkit-margin-end: 1em; | 330 -webkit-margin-end: 1em; |
330 white-space: nowrap; | 331 white-space: nowrap; |
331 } | 332 } |
332 | 333 |
333 .object-fieldset .status:last-child { | 334 .object-fieldset .status:last-child { |
334 margin-bottom: 0; | 335 margin-bottom: 0; |
| 336 } |
| 337 |
| 338 /* Object Fieldset Container */ |
| 339 @media screen and (min-width: 601px) { |
| 340 .flex { |
| 341 display: flex; |
| 342 } |
| 343 } |
| 344 |
| 345 /* Device Details Page */ |
| 346 .device-details-page section { |
| 347 -webkit-margin-start: 1em; |
335 } | 348 } |
OLD | NEW |