OLD | NEW |
1 <!-- | 1 <!-- |
2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 The Chromium Authors. All rights reserved. |
3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
5 --> | 5 --> |
6 <import src="/sky/framework/sky-drawer-header.sky" /> | 6 <import src="/sky/framework/sky-drawer-header.sky" /> |
7 <import src="/sky/framework/sky-drawer.sky" /> | 7 <import src="/sky/framework/sky-drawer.sky" /> |
8 <import src="/sky/framework/sky-element.sky" /> | 8 <import src="/sky/framework/sky-element.sky" /> |
9 <import src="/sky/framework/sky-icon.sky" /> | 9 <import src="/sky/framework/sky-icon.sky" /> |
10 <import src="/sky/framework/sky-menu-divider.sky" /> | 10 <import src="/sky/framework/sky-menu-divider.sky" /> |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 margin: 0 4px; | 42 margin: 0 4px; |
43 } | 43 } |
44 #title { | 44 #title { |
45 flex: 1; | 45 flex: 1; |
46 margin: 0 4px; | 46 margin: 0 4px; |
47 } | 47 } |
48 sky-scrollable { | 48 sky-scrollable { |
49 flex: 1; | 49 flex: 1; |
50 } | 50 } |
51 </style> | 51 </style> |
52 <sky-drawer id="drawer"> | 52 <sky-drawer id="drawer" level="3"> |
53 <sky-drawer-header> | 53 <sky-drawer-header> |
54 Stocks | 54 Stocks |
55 </sky-drawer-header> | 55 </sky-drawer-header> |
56 <sky-menu-item icon="content/inbox">Inbox</sky-menu-item> | 56 <sky-menu-item icon="content/inbox">Inbox</sky-menu-item> |
57 <sky-menu-item icon="content/drafts">Drafts</sky-menu-item> | 57 <sky-menu-item icon="content/drafts">Drafts</sky-menu-item> |
58 <sky-menu-divider /> | 58 <sky-menu-divider /> |
59 <sky-menu-item icon="action/settings">Settings</sky-menu-item> | 59 <sky-menu-item icon="action/settings">Settings</sky-menu-item> |
60 <sky-menu-item icon="action/help">Help & feedback</sky-menu-item> | 60 <sky-menu-item icon="action/help">Help & feedback</sky-menu-item> |
61 </sky-drawer> | 61 </sky-drawer> |
62 <sky-toolbar level="2"> | 62 <sky-toolbar level="2"> |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
103 } | 103 } |
104 | 104 |
105 void _handleMenuClick(_) { | 105 void _handleMenuClick(_) { |
106 _drawer.toggle(); | 106 _drawer.toggle(); |
107 } | 107 } |
108 } | 108 } |
109 | 109 |
110 _init(script) => register(script, Stocks); | 110 _init(script) => register(script, Stocks); |
111 </script> | 111 </script> |
112 </sky-element> | 112 </sky-element> |
OLD | NEW |