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

Side by Side Diff: sky/examples/flights-app/app-toast.sky

Issue 876243002: Fix border painting on self-painting layers. (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: rebaseline test Created 5 years, 11 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
OLDNEW
1 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" /> 1 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
2 2
3 <sky-element name="app-toast"> 3 <sky-element name="app-toast">
4 <template> 4 <template>
5 <style> 5 <style>
6 :host { 6 :host {
7 position: absolute; 7 position: absolute;
8 bottom: 32px; 8 bottom: 32px;
9 right: 32px; 9 right: 32px;
10 max-width: 55%; 10 max-width: 55%;
11 box-shadow: 0px 0px 12px 2px rgba(22, 22, 22, 0.4); 11 box-shadow: 0px 0px 12px 2px rgba(22, 22, 22, 0.4);
12 background-image: linear-gradient(#E5D658, #DFCF43); 12 background-image: linear-gradient(#E5D658, #DFCF43);
13 border: 1px solid #AEA477; 13 border: 1px solid #AEA477;
14 padding: 6px; 14 padding: 6px;
15 border-radius: 2px; 15 border-radius: 2px;
16 display: flex; 16 display: flex;
17 align-items: center; 17 align-items: center;
18 font-size: 0.8em; 18 font-size: 0.8em;
19 overflow: hidden;
19 } 20 }
20 21
21 .header { 22 .header {
22 flex-shrink: 0; 23 flex-shrink: 0;
23 margin-right: 6px; 24 margin-right: 6px;
24 } 25 }
25 </style> 26 </style>
26 <div class="header"> 27 <div class="header">
27 <content select=".toast-icon" /> 28 <content select=".toast-icon" />
28 </div> 29 </div>
29 <div class="content"> 30 <div class="content">
30 <content select=".toast-content" /> 31 <content select=".toast-content" />
31 </div> 32 </div>
32 </template> 33 </template>
33 <script> 34 <script>
34 module.exports = class extends SkyElement { 35 module.exports = class extends SkyElement {
35 }.register(); 36 }.register();
36 </script> 37 </script>
37 </sky-element> 38 </sky-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698