Add copy address functionality to the address details panel

pull/376/head
Ryan Arthur 7 years ago committed by Stamates
parent 418b77c515
commit 68695d1049
  1. 3
      apps/explorer_web/assets/css/_tooltip.scss
  2. 12
      apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex

@ -0,0 +1,3 @@
.tooltip {
min-width: 100px;
}

@ -14,15 +14,17 @@
<div class="card">
<div class="card-body">
<div class="icon-links float-right">
<button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("Copy Address") %>">
<i class="fas fa-clone"></i>
</button>
<span data-clipboard-text="<%= @address %>">
<button type="button" class="icon-link" id="button" data-toggle="tooltip" data-placement="top" title="<%= gettext("Copy Address") %>" aria-label="Copy Address">
<i class="fas fa-clone"></i>
</button>
</span>
<span data-toggle="modal" data-target="#qrModal">
<button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("QR Code") %>">
<button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("QR Code") %>" aria-label="Show QR Code">
<i class="fas fa-qrcode"></i>
</button>
</span>
<button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("Info") %>">
<button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("Info") %>" aria-label="Info">
<i class="fas fa-info"></i>
</button>
</div>

Loading…
Cancel
Save