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

Unified Diff: sky/examples/flights-app/app-toast.sky

Issue 886683002: Add a selection and outline to flights-app. (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « sky/examples/flights-app/app-search-input.sky ('k') | sky/tests/framework/flights-app-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 {
« no previous file with comments | « sky/examples/flights-app/app-search-input.sky ('k') | sky/tests/framework/flights-app-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698