| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/cr.html"> | 1 <link rel="import" href="chrome://resources/html/cr.html"> |
| 2 <link rel="import" href="chrome://resources/html/cr/ui/drag_wrapper.html"> | 2 <link rel="import" href="chrome://resources/html/cr/ui/drag_wrapper.html"> |
| 3 <link rel="import" href="chrome://resources/html/load_time_data.html"> | 3 <link rel="import" href="chrome://resources/html/load_time_data.html"> |
| 4 <link rel="import" href="chrome://resources/html/polymer.html"> | 4 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
| 7 <link rel="import" href="chrome://extensions/drag_and_drop_handler.html"> | 7 <link rel="import" href="chrome://extensions/drag_and_drop_handler.html"> |
| 8 | 8 |
| 9 <dom-module id="extensions-drop-overlay"> | 9 <dom-module id="extensions-drop-overlay"> |
| 10 <template> | 10 <template> |
| 11 <style> | 11 <style> |
| 12 [hidden] { | 12 [hidden] { |
| 13 display: none !important; | 13 display: none !important; |
| 14 } | 14 } |
| 15 |
| 15 :host { | 16 :host { |
| 16 align-items: center; | 17 align-items: center; |
| 17 background-color: white; | 18 background-color: white; |
| 18 display: flex; | 19 display: flex; |
| 19 height: 100%; | 20 height: 100%; |
| 20 justify-content: center; | 21 justify-content: center; |
| 21 opacity: 0.5; | 22 opacity: 0.5; |
| 22 position: absolute; | 23 position: absolute; |
| 23 width: 100%; | 24 width: 100%; |
| 24 z-index: 10; | 25 z-index: 10; |
| 25 } | 26 } |
| 27 |
| 26 #container { | 28 #container { |
| 27 align-items: center; | 29 align-items: center; |
| 28 display: flex; | 30 display: flex; |
| 29 flex-direction: column; | 31 flex-direction: column; |
| 30 } | 32 } |
| 33 |
| 31 iron-icon { | 34 iron-icon { |
| 32 color: var(--paper-teal-a400); | 35 color: var(--paper-teal-a400); |
| 33 height: 64px; | 36 height: 64px; |
| 34 width: 64px; | 37 width: 64px; |
| 35 } | 38 } |
| 36 </style> | 39 </style> |
| 37 <div id="container"> | 40 <div id="container"> |
| 38 <iron-icon icon="extension"></iron-icon> | 41 <iron-icon icon="extension"></iron-icon> |
| 39 <div>$i18n{dropToInstall}</div> | 42 <div>$i18n{dropToInstall}</div> |
| 40 </div> | 43 </div> |
| 41 </template> | 44 </template> |
| 42 <script src="chrome://extensions/drop_overlay.js"></script> | 45 <script src="chrome://extensions/drop_overlay.js"></script> |
| 43 </dom-module> | 46 </dom-module> |
| OLD | NEW |