zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-05-28 16:29:54 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix button styling

Browse source
This commit is contained in:
zandercymatics 2024-04-05 15:21:45 -06:00
parent 5535b9178e
commit e9332edc8b
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
3 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/registrar/assets/js/get-gov-admin.js
View file

@ -164,11 +164,18 @@ function openInNewTab(el, removeAttribute = false){
// Change the button text
nearestSpan = button.querySelector("span")
if (button.classList.contains('usa-button')) {
nearestSpan.innerText = "Copy email";
} else {
nearestSpan.innerText = "Copy";
}
nearestSpan.innerText = "Copied to clipboard"
setTimeout(function() {
// Change back to the copy icon
buttonIcon.setAttribute('xlink:href', currentHref);
usa-button__small
if (button.classList.)
nearestSpan.innerText = "Copy"
}, 2000);

4
src/registrar/assets/sass/_theme/_admin.scss
View file

@ -597,3 +597,7 @@ address.dja-address-contact-list {
.no-outline-on-click:focus {
outline: none !important;
}
.usa-button__small-text {
font-size: small;
}

8
src/registrar/templates/django/admin/includes/detail_table_fieldset.html
View file

@ -84,7 +84,7 @@ This is using a custom implementation fieldset.html (see admin/fieldset.html)
<table>
<thead>
<tr>
<th colspan="5">Other contact information</th>
<th colspan="4">Other contact information</th>
<tr>
</thead>
<tbody>
@ -97,10 +97,10 @@ This is using a custom implementation fieldset.html (see admin/fieldset.html)
</td>
<td class="padding-left-1">{{ contact.phone }}</td>
<td class="padding-left-1 font-size-small">
<td class="padding-left-1 text-size-small">
<input aria-hidden="true" class="display-none" value="{{ contact.email }}" />
<button
class="usa-button usa-button--unstyled padding-right-1 usa-button__icon usa-button__clipboard text-no-underline"
class="usa-button usa-button--unstyled padding-right-1 usa-button__icon usa-button__clipboard usa-button__small-text text-no-underline"
type="button"
>
<svg
@ -108,7 +108,7 @@ This is using a custom implementation fieldset.html (see admin/fieldset.html)
>
<use aria-hidden="true" xlink:href="{%static 'img/sprite.svg'%}#content_copy"></use>
</svg>
<span>Copy</span>
<span>Copy email</span>
</button>
</td>
</tr>