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
49 lines
1.6 KiB
HTML
49 lines
1.6 KiB
HTML
<!--
|
|
@license
|
|
Copyright (C) 2018 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="/bower_components/polymer/polymer.html">
|
|
<link rel="import" href="../../../styles/shared-styles.html">
|
|
|
|
<dom-module id="gr-key-binding-display">
|
|
<template>
|
|
<style include="shared-styles">
|
|
.key {
|
|
background-color: var(--chip-background-color);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--border-radius);
|
|
display: inline-block;
|
|
font-weight: var(--font-weight-bold);
|
|
padding: var(--spacing-xxs) var(--spacing-m);
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<template is="dom-repeat" items="[[binding]]">
|
|
<template is="dom-if" if="[[index]]">
|
|
or
|
|
</template>
|
|
<template
|
|
is="dom-repeat"
|
|
items="[[_computeModifiers(item)]]"
|
|
as="modifier">
|
|
<span class="key modifier">[[modifier]]</span>
|
|
</template>
|
|
<span class="key">[[_computeKey(item)]]</span>
|
|
</template>
|
|
</template>
|
|
<script src="gr-key-binding-display.js"></script>
|
|
</dom-module>
|