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

Unified Diff: chrome/browser/resources/settings/settings_dialog.css

Issue 1509913004: [MD settings] moving dialog css to shared to use in OnStartup and Reset settings (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fix for browsertest Created 5 years 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 side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/settings/settings_dialog.css
diff --git a/chrome/browser/resources/settings/settings_dialog.css b/chrome/browser/resources/settings/settings_dialog.css
new file mode 100644
index 0000000000000000000000000000000000000000..f868244eaf6d680e775b5b3cf4fde8b48a951da7
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_dialog.css
@@ -0,0 +1,70 @@
+/* Copyright 2015 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file. */
+
+/**
+ * @fileoverview
+ * Common dialog styles for Material Design settings.
+ */
+
+#dialog-content {
+ -webkit-padding-end: 0;
+ -webkit-padding-start: 0;
+ margin-bottom: 0;
+ margin-top: 0;
+}
+
+paper-dialog .top-row {
+ align-items: center;
+ border-bottom: 1px solid gainsboro;
+ display: flex;
+ padding-bottom: 5px;
+ padding-top: 5px;
+}
+
+paper-dialog .title {
+ flex: 1;
+ font-size: 1.13em;
+}
+
+paper-dialog .body {
+ font-size: 1em;
+ margin: 20px 0;
+}
+
+paper-dialog .title,
+paper-dialog .body {
+ -webkit-padding-end: 24px;
+ -webkit-padding-start: 24px;
+}
+
+paper-dialog .action-button {
+ -webkit-margin-start: 10px;
+ background-color: rgb(66, 133, 244);
+ color: white;
+ font-weight: 500;
+}
+
+paper-dialog .cancel-button {
+ color: rgb(109, 109, 109);
+ font-weight: 500;
+}
+
+paper-dialog .explanation {
+ margin-bottom: 35px;
+}
+
+paper-dialog .button-container {
+ display: flex;
+ flex: 1;
+ justify-content: flex-end;
+}
+
+paper-dialog paper-button {
+ margin: 0;
+ min-width: auto;
+}
+
+paper-dialog paper-button[toggles][active] {
+ background-color: LightGray;
+}

Powered by Google App Engine
This is Rietveld 408576698