Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(192)

Side by Side Diff: chrome/browser/resources/settings/settings_dialog_css.html

Issue 1754473002: MD Settings: create a global "action button" style (blue, flat) (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: action-button Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 * @fileoverview 6 * @fileoverview
7 * Common dialog styles for Material Design settings. 7 * Common dialog styles for Material Design settings.
8 */ 8 */
9 9
10 <dom-module id="settings-dialog"> 10 <dom-module id="settings-dialog">
(...skipping 28 matching lines...) Expand all
39 font-size: 1em; 39 font-size: 1em;
40 margin: 20px 0; 40 margin: 20px 0;
41 } 41 }
42 42
43 paper-dialog .title, 43 paper-dialog .title,
44 paper-dialog .body { 44 paper-dialog .body {
45 -webkit-padding-end: 24px; 45 -webkit-padding-end: 24px;
46 -webkit-padding-start: 24px; 46 -webkit-padding-start: 24px;
47 } 47 }
48 48
49 paper-dialog .action-button {
50 -webkit-margin-start: 10px;
51 font-weight: 500;
52 }
53
54 paper-dialog .action-button:not([disabled]) {
55 background-color: rgb(66, 133, 244);
56 color: white;
57 }
58
59 paper-dialog .cancel-button { 49 paper-dialog .cancel-button {
60 color: rgb(109, 109, 109); 50 color: rgb(109, 109, 109);
61 font-weight: 500; 51 font-weight: 500;
62 } 52 }
63 53
64 paper-dialog .explanation { 54 paper-dialog .explanation {
65 margin-bottom: 35px; 55 margin-bottom: 35px;
66 } 56 }
67 57
68 paper-dialog .button-container { 58 paper-dialog .button-container {
69 display: flex; 59 display: flex;
70 justify-content: flex-end; 60 justify-content: flex-end;
71 } 61 }
72 62
73 paper-dialog paper-button { 63 paper-dialog paper-button {
74 margin: 0; 64 margin: 0;
75 min-width: auto; 65 min-width: auto;
76 } 66 }
77 67
78 paper-dialog paper-button[toggles][active] { 68 paper-dialog paper-button[toggles][active] {
79 background-color: LightGray; 69 background-color: LightGray;
80 } 70 }
81 </style> 71 </style>
82 </template> 72 </template>
83 </dom-module> 73 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698