| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 
|  | 2 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in
    dicator.html"> | 
|  | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
    eckbox.html"> | 
|  | 4 <link rel="import" href="settings_boolean_control_behavior.html"> | 
|  | 5 <link rel="import" href="../settings_shared_css.html"> | 
|  | 6 | 
|  | 7 <dom-module id="important-site-checkbox"> | 
|  | 8   <template> | 
|  | 9     <style include="settings-shared"> | 
|  | 10       #outerRow { | 
|  | 11         align-items: center; | 
|  | 12         display: flex; | 
|  | 13         min-height: var(--settings-row-two-line-min-height); | 
|  | 14         width: 100%; | 
|  | 15       } | 
|  | 16 | 
|  | 17       paper-checkbox { | 
|  | 18         width: 100%; | 
|  | 19       } | 
|  | 20 | 
|  | 21       paper-checkbox:not([checked]) .secondary { | 
|  | 22         @apply(--settings-secondary-unchecked); | 
|  | 23       } | 
|  | 24 | 
|  | 25       .important-site-label { | 
|  | 26         display: inline-block; | 
|  | 27       } | 
|  | 28 | 
|  | 29       .middot { | 
|  | 30         padding: 0 4px; | 
|  | 31       } | 
|  | 32 | 
|  | 33     </style> | 
|  | 34     <div id="outerRow"> | 
|  | 35       <paper-checkbox id="checkbox" checked="{{site.isChecked}}" | 
|  | 36           disabled="[[disabled]]"> | 
|  | 37         <div class="important-site-label"> | 
|  | 38           <div>[[site.registerableDomain]]</div> | 
|  | 39           <div class="secondary"> | 
|  | 40             <span class="storage-size">[[site.storageSize]]</span> | 
|  | 41             <template is="dom-if" if="[[site.hasNotifications]]"> | 
|  | 42               <span class="middot">·</span> | 
|  | 43               <span class="has-notifications">$i18n{notificationWarning}</span> | 
|  | 44             </template> | 
|  | 45           </div> | 
|  | 46         </div> | 
|  | 47       </paper-checkbox> | 
|  | 48     </div> | 
|  | 49   </template> | 
|  | 50   <script src="important_site_checkbox.js"></script> | 
|  | 51 </dom-module> | 
| OLD | NEW | 
|---|