2
0
mirror of https://github.com/VinylDNS/vinyldns synced 2025-08-22 02:02:14 +00:00

update copy button

This commit is contained in:
Aravindh-Raju 2024-10-15 12:21:32 +05:30
parent 618f2cd089
commit f742837dfd
No known key found for this signature in database
GPG Key ID: 6B4D566AC36626F6
5 changed files with 7 additions and 30 deletions

View File

@ -42,9 +42,9 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<p><strong>ID:</strong> {{batch.id}} <p><strong>ID:</strong> {{batch.id}}
<span class="copy-button" ng-click="copyToClipboard()" <span class="small-copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard"> data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard">
<i class="fa fa-clone"></i> Copy <i class="fa fa-clone"></i>
</span> </span>
<button class="btn-right-corner" ng-click="exportToCSV(batch.id)">Export CSV</button> <button class="btn-right-corner" ng-click="exportToCSV(batch.id)">Export CSV</button>
</p> </p>

View File

@ -115,7 +115,7 @@
<a href="/dnschanges/{{batchChange.id}}">{{batchChange.id}}</a> <a href="/dnschanges/{{batchChange.id}}">{{batchChange.id}}</a>
<span class="small-copy-button" ng-click="copyToClipboard(batchChange.id)" <span class="small-copy-button" ng-click="copyToClipboard(batchChange.id)"
data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard"> data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard">
<i class="fa fa-clone"></i> Copy <i class="fa fa-clone"></i>
</span> </span>
</td> </td>
<td ng-bind="batchChange.totalChanges"></td> <td ng-bind="batchChange.totalChanges"></td>

View File

@ -33,9 +33,9 @@
</i> </i>
</h3> </h3>
<p><strong>Group ID:</strong> {{membership.group.id}} <p><strong>Group ID:</strong> {{membership.group.id}}
<span class="copy-button" ng-click="copyToClipboard()" <span class="small-copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy group id to clipboard"> data-toggle="tooltip" data-placement="top" title="Copy group id to clipboard">
<i class="fa fa-clone"></i> Copy <i class="fa fa-clone"></i>
</span> </span>
</p> </p>
<p><strong>Group Email:</strong> {{membership.group.email}}</p> <p><strong>Group Email:</strong> {{membership.group.email}}</p>

View File

@ -33,9 +33,9 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<p><strong>Zone ID:</strong> {{zoneInfo.id}} <p><strong>Zone ID:</strong> {{zoneInfo.id}}
<span class="copy-button" ng-click="copyToClipboard()" <span class="small-copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy zone id to clipboard"> data-toggle="tooltip" data-placement="top" title="Copy zone id to clipboard">
<i class="fa fa-clone"></i> Copy <i class="fa fa-clone"></i>
</span> </span>
</p> </p>
</div> </div>

View File

@ -634,29 +634,6 @@ input[type="file"] {
flex-direction: column; flex-direction: column;
} }
.copy-button {
display: inline-flex;
align-items: center;
padding: 2px 6px;
border: 1px solid #d1d5da;
background-color: #f6f8fa;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
color: #24292e;
margin-left: 8px;
transition: background-color 0.3s ease;
}
.copy-button:hover {
background-color: #e1e4e8;
}
.copy-button i {
margin-right: 4px;
font-size: 12px;
}
.small-copy-button { .small-copy-button {
font-size: 12px; font-size: 12px;
padding: 2px 6px; padding: 2px 6px;