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 |