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

Unified Diff: sky/examples/flights-app/app-search-input.sky

Issue 725763003: Add a version of flights that's made of components. (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: rebase Created 6 years, 1 month 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-scrollable.sky ('k') | sky/examples/flights-app/app-title.sky » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: sky/examples/flights-app/app-search-input.sky
diff --git a/sky/examples/flights-app/app-search-input.sky b/sky/examples/flights-app/app-search-input.sky
new file mode 100644
index 0000000000000000000000000000000000000000..538ea545d370546498d8f3cea50672a58afcc71e
--- /dev/null
+++ b/sky/examples/flights-app/app-search-input.sky
@@ -0,0 +1,25 @@
+<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
+<template>
+ <style>
+ :host {
+ background-color: #F6F6F6;
+ padding: 4px;
+ display: flex;
+ align-items: center;
+ font-size: 1.2em;
+ }
+
+ .input-text {
+ margin-left: 8px;
+ }
+ </style>
+ <span class="input-icon">
+ <img src="/sky/examples/flights/images/magnifying-glass.png" style="width: 16px">
+ </span>
+ <span class="input-text"><t>flights today to dc by price</t></span>
+</template>
+<script>
+SkyElement({
+ name: "app-search-input"
+});
+</script>
« no previous file with comments | « sky/examples/flights-app/app-scrollable.sky ('k') | sky/examples/flights-app/app-title.sky » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698