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 |