e8bc56a822
- Make the button size of the text - Add tooltip Bug: Issue 7997 Change-Id: Ifccb62dcfe984ad9c54e7b15fb2f2119b02c861f
73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
<!--
|
|
Copyright (C) 2017 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="../../../bower_components/iron-input/iron-input.html">
|
|
<link rel="import" href="../../../styles/shared-styles.html">
|
|
<link rel="import" href="../../shared/gr-button/gr-button.html">
|
|
<link rel="import" href="../../shared/gr-icons/gr-icons.html">
|
|
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
|
|
|
|
<dom-module id="gr-copy-clipboard">
|
|
<template>
|
|
<style include="shared-styles">
|
|
.text {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.text label {
|
|
flex: 0 0 100%;
|
|
}
|
|
.copyText {
|
|
flex-grow: 1;
|
|
margin-right: .3em;
|
|
}
|
|
.hideInput,
|
|
.hideLabel label {
|
|
display: none;
|
|
}
|
|
input {
|
|
font-family: var(--monospace-font-family);
|
|
font-size: inherit;
|
|
}
|
|
#icon {
|
|
height: 1.2em;
|
|
width: 1.2em;
|
|
}
|
|
</style>
|
|
<div class$="text [[_computeLabelClass(hideLabel)]]">
|
|
<label>[[title]]</label>
|
|
<input id="input" is="iron-input"
|
|
class$="copyText [[_computeInputClass(hideInput)]]"
|
|
type="text"
|
|
bind-value="[[text]]"
|
|
on-tap="_handleInputTap"
|
|
readonly>
|
|
<gr-button id="button"
|
|
link
|
|
has-tooltip="[[hasTooltip]]"
|
|
class="copyToClipboard"
|
|
title="[[buttonTitle]]"
|
|
on-tap="_copyToClipboard">
|
|
<iron-icon id="icon" icon="gr-icons:content-copy"></iron-icon>
|
|
</gr-button>
|
|
</div>
|
|
<gr-rest-api-interface id="restAPI"></gr-rest-api-interface>
|
|
</template>
|
|
<script src="gr-copy-clipboard.js"></script>
|
|
</dom-module>
|