| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| 3 | 3 |
| 4 <dom-module name="cr-drawer"> | 4 <dom-module id="cr-drawer"> |
| 5 <template> | 5 <template> |
| 6 <style> | 6 <style> |
| 7 :host { | 7 :host { |
| 8 --drawer-width: 256px; | 8 --drawer-width: 256px; |
| 9 --transition-timing: 200ms ease; | 9 --transition-timing: 200ms ease; |
| 10 background-color: #fff; | 10 background-color: #fff; |
| 11 border: none; | 11 border: none; |
| 12 bottom: 0; | 12 bottom: 0; |
| 13 left: calc(-1 * var(--drawer-width)); | 13 left: calc(-1 * var(--drawer-width)); |
| 14 margin: 0; | 14 margin: 0; |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 67 height: calc(100% - 56px); | 67 height: calc(100% - 56px); |
| 68 overflow: auto; | 68 overflow: auto; |
| 69 } | 69 } |
| 70 </style> | 70 </style> |
| 71 <div id="container" on-tap="onContainerTap_"> | 71 <div id="container" on-tap="onContainerTap_"> |
| 72 <content></content> | 72 <content></content> |
| 73 </div> | 73 </div> |
| 74 </template> | 74 </template> |
| 75 </dom-module> | 75 </dom-module> |
| 76 <script src="cr_drawer.js"></script> | 76 <script src="cr_drawer.js"></script> |
| OLD | NEW |