OLD | NEW |
| (Empty) |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 | |
5 /** | |
6 * @fileoverview | |
7 * Common dialog styles for Material Design settings. | |
8 */ | |
9 | |
10 paper-dialog { | |
11 min-width: 500px; | |
12 max-width: 800px; | |
13 } | |
14 | |
15 #dialog-content { | |
16 -webkit-padding-end: 0; | |
17 -webkit-padding-start: 0; | |
18 margin-bottom: 0; | |
19 margin-top: 0; | |
20 } | |
21 | |
22 paper-dialog .top-row { | |
23 align-items: center; | |
24 border-bottom: 1px solid gainsboro; | |
25 display: flex; | |
26 padding-bottom: 5px; | |
27 padding-top: 5px; | |
28 } | |
29 | |
30 paper-dialog .title { | |
31 flex: 1; | |
32 font-size: 1.13em; | |
33 } | |
34 | |
35 paper-dialog .body { | |
36 font-size: 1em; | |
37 margin: 20px 0; | |
38 } | |
39 | |
40 paper-dialog .title, | |
41 paper-dialog .body { | |
42 -webkit-padding-end: 24px; | |
43 -webkit-padding-start: 24px; | |
44 } | |
45 | |
46 paper-dialog .action-button { | |
47 -webkit-margin-start: 10px; | |
48 font-weight: 500; | |
49 } | |
50 | |
51 paper-dialog .action-button:not([disabled]) { | |
52 background-color: rgb(66, 133, 244); | |
53 color: white; | |
54 } | |
55 | |
56 paper-dialog .cancel-button { | |
57 color: rgb(109, 109, 109); | |
58 font-weight: 500; | |
59 } | |
60 | |
61 paper-dialog .explanation { | |
62 margin-bottom: 35px; | |
63 } | |
64 | |
65 paper-dialog .button-container { | |
66 display: flex; | |
67 justify-content: flex-end; | |
68 } | |
69 | |
70 paper-dialog paper-button { | |
71 margin: 0; | |
72 min-width: auto; | |
73 } | |
74 | |
75 paper-dialog paper-button[toggles][active] { | |
76 background-color: LightGray; | |
77 } | |
OLD | NEW |