Index: sky/examples/flights-app/app-toast.sky |
diff --git a/sky/examples/flights-app/app-toast.sky b/sky/examples/flights-app/app-toast.sky |
index d7c1c5ae597e4312da16d2e2964c24662d2e8669..36626ff202b762a3b277610737489c344e102d7d 100644 |
--- a/sky/examples/flights-app/app-toast.sky |
+++ b/sky/examples/flights-app/app-toast.sky |
@@ -23,6 +23,16 @@ |
flex-shrink: 0; |
margin-right: 6px; |
} |
+ |
+ .close-box { |
+ position: absolute; |
+ top: 3px; |
+ right: 3px; |
+ width: 1em; |
+ overflow: hidden; |
+ text-align: center; |
+ outline: 1px solid #AEA477; |
+ } |
</style> |
<div class="header"> |
<content select=".toast-icon" /> |
@@ -30,6 +40,9 @@ |
<div class="content"> |
<content select=".toast-content" /> |
</div> |
+ <div class="close-box"> |
+ X |
+ </div> |
</template> |
<script> |
module.exports = class extends SkyElement { |