zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-25 12:08:40 +02:00
Code Issues Projects Releases Packages Wiki Activity

Change style

Browse source
This commit is contained in:
zandercymatics 2024-01-31 10:31:43 -07:00
parent 60d1c2f1ed
commit da73edefb4
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
2 changed files with 17 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/registrar/assets/sass/_theme/_buttons.scss
View file

@ -133,10 +133,9 @@ a.usa-button--unstyled:visited {
}
}
// TODO: find another file for this
.info-button span.usa-tooltip svg.usa-icon {
svg.usa-icon{
transform: translateY(2px) !important;
background: transparent;
}
// TODO: find another file for this
.info-tooltip {
transform: translateY(4px) !important;
display: inline-block;
background: transparent;
}

22
src/registrar/templates/home.html
View file

@ -45,7 +45,7 @@
</th>
<td data-sort-value="{{ domain.expiration_date|date:"U" }}" data-label="Expires">{{ domain.expiration_date|date }}</td>
<td data-label="Status">
<span class="usa-tooltip info-button"
<span class="usa-tooltip"
data-position="top"
title="{{domain.get_state_help_text}}"
aria-ignore="true"
@ -58,15 +58,17 @@
{% else %}
{{ domain.state|capfirst }}
{% endif %}
{# TODO: this tooltip should trigger on click, not hover. Better for access and works better button wise #}
<svg
class="usa-icon usa-tooltip" role="img"
data-position="top"
title="{{domain.get_state_help_text}}"
focusable="true"
>
<use xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
</svg>
<span class="info-tooltip">
<svg
class="usa-icon usa-tooltip"
role="img"
data-position="top"
title="{{domain.get_state_help_text}}"
focusable="true"
>
<use xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
</svg>
</span>
</span>
</td>
<td>