| 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; |
| 11 --sidebar-neg-width: calc(var(--sidebar-width) * -1); | 11 --sidebar-neg-width: calc(var(--sidebar-width) * -1); |
| 12 } | 12 } |
| 13 | 13 |
| 14 html, | 14 html, |
| 15 body { | 15 body { |
| 16 margin: 0; | 16 margin: 0; |
| 17 padding: 0; | 17 padding: 0; |
| 18 } | 18 } |
| 19 | 19 |
| 20 h1 { | 20 h1 { |
| 21 color: rgb(92, 97, 102); | 21 color: rgb(92, 97, 102); |
| 22 } | 22 } |
| 23 | 23 |
| 24 .toggle-status { |
| 25 background-image: url(../../../../ui/webui/resources/images/cancel_red.svg); |
| 26 background-repeat: no-repeat; |
| 27 min-height: 24px; |
| 28 min-width: 24px; |
| 29 } |
| 30 |
| 31 .toggle-status.checked { |
| 32 background-image: |
| 33 url(../../../../ui/webui/resources/images/check_circle_green.svg); |
| 34 } |
| 35 |
| 24 /* Page container */ | 36 /* Page container */ |
| 25 #page-container { | 37 #page-container { |
| 26 -webkit-margin-start: var(--sidebar-width); | 38 -webkit-margin-start: var(--sidebar-width); |
| 27 } | 39 } |
| 28 | 40 |
| 29 @media screen and (max-width: 600px) { | 41 @media screen and (max-width: 600px) { |
| 30 #page-container { | 42 #page-container { |
| 31 -webkit-margin-start: 0; | 43 -webkit-margin-start: 0; |
| 32 } | 44 } |
| 33 } | 45 } |
| (...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 290 } | 302 } |
| 291 | 303 |
| 292 .snackbar.error { | 304 .snackbar.error { |
| 293 background-color: rgb(244, 67, 54); | 305 background-color: rgb(244, 67, 54); |
| 294 } | 306 } |
| 295 | 307 |
| 296 .snackbar.open { | 308 .snackbar.open { |
| 297 opacity: 1; | 309 opacity: 1; |
| 298 transform: translate3d(0, 0, 0); | 310 transform: translate3d(0, 0, 0); |
| 299 visibility: visible; | 311 visibility: visible; |
| 312 } |
| 313 |
| 314 /* Adapter Page */ |
| 315 @media screen and (min-width: 601px) { |
| 316 #adapter { |
| 317 display: flex; |
| 318 } |
| 319 } |
| 320 |
| 321 /* Object Fieldset */ |
| 322 .object-fieldset .status { |
| 323 align-items: center; |
| 324 display: flex; |
| 325 margin-bottom: 0.8em; |
| 326 } |
| 327 |
| 328 .object-fieldset .status div:first-child { |
| 329 -webkit-margin-end: 1em; |
| 330 white-space: nowrap; |
| 331 } |
| 332 |
| 333 .object-fieldset .status:last-child { |
| 334 margin-bottom: 0; |
| 300 } | 335 } |
| OLD | NEW |