diff options
Diffstat (limited to 'polygerrit-ui/app/elements/core/gr-key-binding-display/gr-key-binding-display.html')
-rw-r--r-- | polygerrit-ui/app/elements/core/gr-key-binding-display/gr-key-binding-display.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/polygerrit-ui/app/elements/core/gr-key-binding-display/gr-key-binding-display.html b/polygerrit-ui/app/elements/core/gr-key-binding-display/gr-key-binding-display.html new file mode 100644 index 0000000000..2ff7953a37 --- /dev/null +++ b/polygerrit-ui/app/elements/core/gr-key-binding-display/gr-key-binding-display.html @@ -0,0 +1,48 @@ +<!-- +@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: 3px; + display: inline-block; + font-weight: var(--font-weight-bold); + padding: .1em .5em; + 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> |