From 04675028868f95f0fdb91ce9e29e2ad938d29079 Mon Sep 17 00:00:00 2001
From: Ojan Vafai <ojan@chromium.org>
Date: Mon, 26 Jan 2015 22:54:39 -0800
Subject: [PATCH] Add a close box to flights-app toast.

This is to get a case of having an outline on an
absolutely positioned, overflow:hidden, i.e. a
self-painting layer.

TBR=esprehn@chromium.org

Review URL: https://codereview.chromium.org/878873002
---
 .../src/flutter/examples/flights-app/app-toast.sky  | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/engine/src/flutter/examples/flights-app/app-toast.sky b/engine/src/flutter/examples/flights-app/app-toast.sky
index d7c1c5ae59..36626ff202 100644
--- a/engine/src/flutter/examples/flights-app/app-toast.sky
+++ b/engine/src/flutter/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 {