Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(746)

Side by Side Diff: sky/framework/sky-drawer.sky

Issue 951413002: Make the stocks drawer look more realistic (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « sky/examples/stocks/stocks.sky ('k') | sky/framework/sky-drawer-header.sky » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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-element.sky" /> 6 <import src="sky-element.sky" />
7 <import src="sky-scrollable.sky" /> 7 <import src="sky-scrollable.sky" />
8 8
9 <sky-element> 9 <sky-element>
10 <template> 10 <template>
11 <style> 11 <style>
12 #mask { 12 #mask {
13 background-color: black; 13 background-color: black;
14 will-change: opacity; 14 will-change: opacity;
15 position: absolute; 15 position: absolute;
16 top: 0; 16 top: 0;
17 left: 0; 17 left: 0;
18 bottom: 0; 18 bottom: 0;
19 right: 0; 19 right: 0;
20 } 20 }
21 #content { 21 #content {
22 background-color: white; 22 background-color: #FAFAFA;
23 will-change: transform; 23 will-change: transform;
24 position: absolute; 24 position: absolute;
25 width: 256px; 25 width: 256px;
26 top: 0; 26 top: 0;
27 left: 0; 27 left: 0;
28 bottom: 0; 28 bottom: 0;
29 } 29 }
30 </style> 30 </style>
31 <div id="mask" /> 31 <div id="mask" />
32 <div id="content"> 32 <div id="content">
(...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after
154 begin: currentPosition, 154 begin: currentPosition,
155 end: targetPosition, 155 end: targetPosition,
156 duration: duration, 156 duration: duration,
157 curve: linear); 157 curve: linear);
158 } 158 }
159 } 159 }
160 160
161 _init(script) => register(script, SkyDrawer); 161 _init(script) => register(script, SkyDrawer);
162 </script> 162 </script>
163 </sky-element> 163 </sky-element>
OLDNEW
« no previous file with comments | « sky/examples/stocks/stocks.sky ('k') | sky/framework/sky-drawer-header.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698