Index: chrome/browser/resources/settings/controls/important_site_checkbox.html |
diff --git a/chrome/browser/resources/settings/controls/important_site_checkbox.html b/chrome/browser/resources/settings/controls/important_site_checkbox.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..39b9b15a46a557807760616cb4484274d351a659 |
--- /dev/null |
+++ b/chrome/browser/resources/settings/controls/important_site_checkbox.html |
@@ -0,0 +1,51 @@ |
+<link rel="import" href="chrome://resources/html/polymer.html"> |
+<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_indicator.html"> |
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html"> |
+<link rel="import" href="settings_boolean_control_behavior.html"> |
+<link rel="import" href="../settings_shared_css.html"> |
+ |
+<dom-module id="important-site-checkbox"> |
+ <template> |
+ <style include="settings-shared"> |
+ #outerRow { |
+ align-items: center; |
+ display: flex; |
+ min-height: var(--settings-row-two-line-min-height); |
+ width: 100%; |
+ } |
+ |
+ paper-checkbox { |
+ width: 100%; |
+ } |
+ |
+ paper-checkbox:not([checked]) .secondary { |
+ @apply(--settings-secondary-unchecked); |
+ } |
+ |
+ .important-site-label { |
+ display: inline-block; |
+ } |
+ |
+ .middot { |
+ padding: 0 4px; |
+ } |
+ |
+ </style> |
+ <div id="outerRow"> |
+ <paper-checkbox id="checkbox" checked="{{site.isChecked}}" |
+ disabled="[[disabled]]"> |
+ <div class="important-site-label"> |
+ <div>[[site.registerableDomain]]</div> |
+ <div class="secondary"> |
+ <span class="storage-size">[[site.storageSize]]</span> |
+ <template is="dom-if" if="[[site.hasNotifications]]"> |
+ <span class="middot">·</span> |
+ <span class="has-notifications">$i18n{notificationWarning}</span> |
+ </template> |
+ </div> |
+ </div> |
+ </paper-checkbox> |
+ </div> |
+ </template> |
+ <script src="important_site_checkbox.js"></script> |
+</dom-module> |