6792be4103
Sets border-radius to 4px as the app-theme default. The only border-radii that stay different from 4px are the circle shapes for account and voting chips. Change-Id: I3417b141aaa19440300f0628eca1a9229eb6c131
56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<!--
|
|
@license
|
|
Copyright (C) 2015 The Android Open Source Project
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<link rel="import" href="../../../behaviors/gr-url-encoding-behavior/gr-url-encoding-behavior.html">
|
|
<link rel="import" href="../../../behaviors/keyboard-shortcut-behavior/keyboard-shortcut-behavior.html">
|
|
<link rel="import" href="/bower_components/polymer/polymer.html">
|
|
<link rel="import" href="../../shared/gr-autocomplete/gr-autocomplete.html">
|
|
<link rel="import" href="../../../styles/shared-styles.html">
|
|
|
|
<dom-module id="gr-search-bar">
|
|
<template>
|
|
<style include="shared-styles">
|
|
form {
|
|
display: flex;
|
|
}
|
|
gr-autocomplete {
|
|
background-color: var(--view-background-color);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--border-radius);
|
|
flex: 1;
|
|
outline: none;
|
|
padding: var(--spacing-xs);
|
|
}
|
|
</style>
|
|
<form>
|
|
<gr-autocomplete
|
|
show-search-icon
|
|
id="searchInput"
|
|
text="{{_inputVal}}"
|
|
query="[[query]]"
|
|
on-commit="_handleInputCommit"
|
|
allow-non-suggested-values
|
|
multi
|
|
borderless
|
|
threshold="[[_threshold]]"
|
|
tab-complete
|
|
vertical-offset="30"></gr-autocomplete>
|
|
</form>
|
|
</template>
|
|
<script src="gr-search-bar.js"></script>
|
|
</dom-module>
|