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

Unified Diff: appengine/config_service/ui/src/config-ui/config-ui.html

Issue 2923973003: Added base template for config ui. (Closed)
Patch Set: Added license headers to necessary files. Created 3 years, 6 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
Index: appengine/config_service/ui/src/config-ui/config-ui.html
diff --git a/appengine/config_service/ui/src/config-ui/config-ui.html b/appengine/config_service/ui/src/config-ui/config-ui.html
new file mode 100644
index 0000000000000000000000000000000000000000..20d9c71c31e2dff38c7f936f3734e616fbdccadb
--- /dev/null
+++ b/appengine/config_service/ui/src/config-ui/config-ui.html
@@ -0,0 +1,63 @@
+<!--
+ Copyright 2017 The LUCI Authors. All rights reserved.
+ Use of this source code is governed under the Apache License, Version 2.0
+ that can be found in the LICENSE file.
+-->
+
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../bower_components/app-layout/app-layout.html">
+<link rel="import" href="../../bower_components/paper-search/paper-search-bar.html">
+
+<dom-module id="config-ui">
+ <template>
+ <style>
+ html, body {
+ margin: 0;
+ background: #f1f1f1;
+ }
turakulov 2017/06/08 01:22:00 Why this style is defined in this file as opposed
+
+ app-toolbar {
+ background-color: #efefef;
+ color: #232323;
+ }
+
+ app-header {
+ @apply --layout-fixed-top;
+ }
+
+ .title {
+ padding-left: 1%;
+ padding-bottom: 0.5%;
+ font-size: 150%;
+ font-family: sans-serif;
+ }
+
+ .search {
+ padding-top: 15%;
+ }
+
+ paper-search-bar {
+ border-style: solid;
+ border-width: 2px;
+ width: 40%;
+ margin: auto;
+ }
+ </style>
+ <app-header reveals>
+ <app-toolbar>
+ <image src="../../images/google.png"/>
turakulov 2017/06/08 01:22:00 Is this a Google logo? I am not sure branding team
+ <div class="title" main-title>Configuration Service</div>
+ </app-toolbar>
+ </app-header>
+
+ <center class="search">
+ <paper-search-bar><paper-search-bar>
+ </center>
+ </template>
+
+ <script>
+ Polymer({
+ is: 'config-ui'
+ });
+ </script>
+</dom-module>

Powered by Google App Engine
This is Rietveld 408576698