This repository has been archived on 2020-03-24. You can view files and clone it, but cannot push or open issues or pull requests.
quay/static/directives/copy-box.html
Joseph Schorr 5cde147426 Fix clipboard copy box to not cause reflow
Instead, we now put the "Copied" message inline in the box and have it both fade and slide rightward away
2018-09-18 14:17:33 -04:00

18 lines
609 B
HTML

<div class="copy-box-element" ng-class="disabled ? 'disabled' : ''">
<div class="id-container">
<div class="copy-container">
<input id="{{ ::inputId }}" type="text" class="form-control"
value="{{ value }}"
readonly>
<span class="copy-icon"
clipboard-copy="#{{ ::inputId }}"
data-title="Copy to Clipboard" data-container="body" data-placement="bottom" bs-tooltip>
<i class="fa fa-clipboard"></i>
</span>
</div>
</div>
<div class="clipboard-copied-message" style="display: none">
Copied to clipboard
</div>
</div>