zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-26 04:28:39 +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 // TODO: find another file for this
.info-button span.usa-tooltip svg.usa-icon { .info-tooltip {
svg.usa-icon{ transform: translateY(4px) !important;
transform: translateY(2px) !important; display: inline-block;
background: transparent; background: transparent;
}
} }

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

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