Chromium Code Reviews| 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 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 197 | 209 |
| 198 table th { | 210 table th { |
| 199 background-color: #f0f0f0; | 211 background-color: #f0f0f0; |
| 200 font-weight: normal; | 212 font-weight: normal; |
| 201 } | 213 } |
| 202 | 214 |
| 203 table .removed { | 215 table .removed { |
| 204 background-color: #bdbdbd; | 216 background-color: #bdbdbd; |
| 205 } | 217 } |
| 206 | 218 |
| 219 table .toggle-status { | |
| 220 background-position: left center; | |
| 221 } | |
| 222 | |
| 207 @media screen and (max-width: 600px) { | 223 @media screen and (max-width: 600px) { |
| 208 table thead { | 224 table thead { |
| 209 display: none; | 225 display: none; |
| 210 } | 226 } |
| 211 | 227 |
| 212 table td { | 228 table td { |
| 213 display: block; | 229 display: block; |
| 214 text-align: end; | 230 text-align: end; |
| 215 } | 231 } |
| 216 | 232 |
| (...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 290 } | 306 } |
| 291 | 307 |
| 292 .snackbar.error { | 308 .snackbar.error { |
| 293 background-color: rgb(244, 67, 54); | 309 background-color: rgb(244, 67, 54); |
| 294 } | 310 } |
| 295 | 311 |
| 296 .snackbar.open { | 312 .snackbar.open { |
| 297 opacity: 1; | 313 opacity: 1; |
| 298 transform: translate3d(0, 0, 0); | 314 transform: translate3d(0, 0, 0); |
| 299 visibility: visible; | 315 visibility: visible; |
| 316 } | |
| 317 | |
| 318 /* Object Fieldset */ | |
| 319 .object-fieldset { | |
| 320 display: flex; | |
|
scheib
2017/01/07 00:31:40
flex....
mbrunson
2017/01/07 01:05:22
Done.
| |
| 321 } | |
| 322 | |
| 323 .object-fieldset .status { | |
| 324 align-items: center; | |
| 325 display: flex; | |
| 326 margin-bottom: 0.8em; | |
| 327 } | |
| 328 | |
| 329 .object-fieldset .status div:first-child { | |
| 330 -webkit-margin-end: 1em; | |
| 331 white-space: nowrap; | |
| 332 } | |
| 333 | |
| 334 .object-fieldset .status:last-child { | |
| 335 margin-bottom: 0; | |
| 300 } | 336 } |
| OLD | NEW |