Merge pull request #2443 from cisagov/bob/2353-edit-icon-domain-overview

Issue #2353: Add edit icon to domains overview page - [BOB]
This commit is contained in:
Rachid Mrad 2024-07-18 12:43:35 -04:00 committed by GitHub
commit 4c5456d20b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 12 additions and 13 deletions

View file

@ -1,18 +1,14 @@
@use "uswds-core" as *; @use "uswds-core" as *;
.dotgov-table { .dotgov-table a,
a { .usa-link--icon {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
color: color('primary');
&:visited {
color: color('primary'); color: color('primary');
&:visited {
color: color('primary');
}
} }
}
a {
.usa-icon { .usa-icon {
// align icon with x height // align icon with x height
margin-top: units(0.5); margin-top: units(0.5);

View file

@ -156,7 +156,7 @@
<div class="domains__no-data display-none"> <div class="domains__no-data display-none">
<p>You don't have any registered domains.</p> <p>You don't have any registered domains.</p>
<p class="maxw-none clearfix"> <p class="maxw-none clearfix">
<a href="https://get.gov/help/faq/#do-not-see-my-domain" class="float-right-tablet display-flex flex-align-start usa-link" target="_blank"> <a href="https://get.gov/help/faq/#do-not-see-my-domain" class="float-right-tablet usa-link usa-link--icon" target="_blank">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="{%static 'img/sprite.svg'%}#help_outline"></use> <use xlink:href="{%static 'img/sprite.svg'%}#help_outline"></use>
</svg> </svg>

View file

@ -112,8 +112,11 @@
<div class="text-right"> <div class="text-right">
<a <a
href="{{ edit_link }}" href="{{ edit_link }}"
class="usa-link font-sans-sm" class="usa-link usa-link--icon font-sans-sm line-height-sans-5"
> >
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="{% static 'img/sprite.svg' %}#edit"></use>
</svg>
Edit<span class="sr-only"> {{ title }}</span> Edit<span class="sr-only"> {{ title }}</span>
</a> </a>
</div> </div>