OLD | NEW |
(Empty) | |
| 1 <link rel="import" href="chrome://md-user-manager/shared_styles.html"> |
| 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 6 |
| 7 <!-- TODO(mahmadi): refactor this and import-supervised-user reusing |
| 8 <paper-dialog> or <settings-dialog> --> |
| 9 <dom-module id="error-dialog"> |
| 10 <template> |
| 11 <style include="shared-styles"> |
| 12 #backdrop { |
| 13 align-items: center; |
| 14 background: rgba(255, 255, 255, 0.6); |
| 15 bottom: 0; |
| 16 display: flex; |
| 17 justify-content: center; |
| 18 left: 0; |
| 19 position: absolute; |
| 20 right: 0; |
| 21 top: 0; |
| 22 } |
| 23 |
| 24 #dialog { |
| 25 background: white; |
| 26 border-radius: 2px; |
| 27 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), |
| 28 0 6px 30px 5px rgba(0, 0, 0, 0.12), |
| 29 0 8px 10px -5px rgba(0, 0, 0, 0.4); |
| 30 color: var(--primary-text-color); |
| 31 width: 512px; |
| 32 } |
| 33 |
| 34 #title-bar { |
| 35 padding: 6px; |
| 36 } |
| 37 |
| 38 #title-bar paper-icon-button { |
| 39 --paper-icon-button: { |
| 40 padding: 10px; |
| 41 }; |
| 42 } |
| 43 |
| 44 #message { |
| 45 padding: 10px 16px 62px; |
| 46 white-space: pre-wrap; |
| 47 word-wrap: break-word; |
| 48 } |
| 49 </style> |
| 50 <template is="dom-if" if="[[!popupHidden_]]"> |
| 51 <div id="backdrop"> |
| 52 <div id="dialog"> |
| 53 <div id="title-bar" class="horizontal end-justified layout"> |
| 54 <paper-icon-button icon="cr:close" on-tap="onCloseTap_"> |
| 55 </paper-icon-button> |
| 56 </div> |
| 57 <div id="message">[[message_]]</div> |
| 58 </div> |
| 59 </div> |
| 60 </template> |
| 61 </template> |
| 62 <script src="chrome://md-user-manager/error_dialog.js"></script> |
| 63 </dom-module> |
OLD | NEW |