zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-05-21 03:49:22 +02:00
Code Issues Projects Releases Packages Wiki Activity

css fixes

Browse source
This commit is contained in:
Rachid Mrad 2024-08-23 23:31:23 -04:00
parent 778ad4de6f
commit 875dc1d467
No known key found for this signature in database
3 changed files with 24 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -369,7 +369,7 @@ input.admin-confirm-button {
// This block resolves some of the issues we're seeing on buttons due to css // This block resolves some of the issues we're seeing on buttons due to css
// conflicts between DJ and USWDS // conflicts between DJ and USWDS
a.button, a.button,
.usa-button { .usa-button--dja {
display: inline-block; display: inline-block;
padding: 10px 15px; padding: 10px 15px;
font-size: 14px; font-size: 14px;
@ -380,17 +380,17 @@ a.button,
} }
.button svg, .button svg,
.button span, .button span,
.usa-button svg, .usa-button--dja svg,
.usa-button span { .usa-button--dja span {
vertical-align: middle; vertical-align: middle;
} }
.usa-button:not(.usa-button--unstyled, .usa-button--outline, .usa-modal__close, .usa-button--secondary) { .usa-button--dja:not(.usa-button--unstyled, .usa-button--outline, .usa-modal__close, .usa-button--secondary) {
background: var(--button-bg); background: var(--button-bg);
} }
.usa-button span { .usa-button--dja span {
font-size: 14px; font-size: 14px;
} }
.usa-button:not(.usa-button--unstyled, .usa-button--outline, .usa-modal__close, .usa-button--secondary):hover { .usa-button--dja:not(.usa-button--unstyled, .usa-button--outline, .usa-modal__close, .usa-button--secondary):hover {
background: var(--button-hover-bg); background: var(--button-hover-bg);
} }
a.button:active, a.button:focus { a.button:active, a.button:focus {
@ -399,6 +399,12 @@ a.button:active, a.button:focus {
.usa-modal { .usa-modal {
font-family: inherit; font-family: inherit;
} }
// Targets the DJA buttom with a nested icon
button .usa-icon,
.button .usa-icon,
.button--clipboard .usa-icon {
vertical-align: middle;
}
.module--custom { .module--custom {
a { a {
@ -491,13 +497,6 @@ address.dja-address-contact-list {
color: var(--link-fg); color: var(--link-fg);
} }
// Targets the DJA buttom with a nested icon
button .usa-icon,
.button .usa-icon,
.button--clipboard .usa-icon {
vertical-align: middle;
}
.errors span.select2-selection { .errors span.select2-selection {
border: 1px solid var(--error-fg) !important; border: 1px solid var(--error-fg) !important;
} }

18
src/registrar/templates/admin/analytics.html
View file

@ -29,28 +29,28 @@
<div class="padding-top-2 padding-x-2"> <div class="padding-top-2 padding-x-2">
<ul class="usa-button-group wrapped-button-group"> <ul class="usa-button-group wrapped-button-group">
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<a href="{% url 'export_data_type' %}" class="usa-button text-no-wrap" role="button"> <a href="{% url 'export_data_type' %}" class="usa-button usa-button--dja text-no-wrap" role="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">All domain metadata</span> </svg><span class="margin-left-05">All domain metadata</span>
</a> </a>
</li> </li>
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<a href="{% url 'export_data_full' %}" class="usa-button text-no-wrap" role="button"> <a href="{% url 'export_data_full' %}" class="usa-button usa-button--dja text-no-wrap" role="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">Current full</span> </svg><span class="margin-left-05">Current full</span>
</a> </a>
</li> </li>
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<a href="{% url 'export_data_federal' %}" class="usa-button text-no-wrap" role="button"> <a href="{% url 'export_data_federal' %}" class="usa-button usa-button--dja text-no-wrap" role="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">Current federal</span> </svg><span class="margin-left-05">Current federal</span>
</a> </a>
</li> </li>
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<a href="{% url 'export_data_domain_requests_full' %}" class="usa-button text-no-wrap" role="button"> <a href="{% url 'export_data_domain_requests_full' %}" class="usa-button usa-button--dja text-no-wrap" role="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">All domain requests metadata</span> </svg><span class="margin-left-05">All domain requests metadata</span>
@ -84,35 +84,35 @@
</div> </div>
<ul class="usa-button-group"> <ul class="usa-button-group">
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<button class="usa-button exportLink" data-export-url="{% url 'export_domains_growth' %}" type="button"> <button class="usa-button usa-button--dja exportLink" data-export-url="{% url 'export_domains_growth' %}" type="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">Domain growth</span> </svg><span class="margin-left-05">Domain growth</span>
</button> </button>
</li> </li>
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<button class="usa-button exportLink" data-export-url="{% url 'export_requests_growth' %}" type="button"> <button class="usa-button usa-button--dja exportLink" data-export-url="{% url 'export_requests_growth' %}" type="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">Request growth</span> </svg><span class="margin-left-05">Request growth</span>
</button> </button>
</li> </li>
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<button class="usa-button exportLink" data-export-url="{% url 'export_managed_domains' %}" type="button"> <button class="usa-button usa-button--dja exportLink" data-export-url="{% url 'export_managed_domains' %}" type="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">Managed domains</span> </svg><span class="margin-left-05">Managed domains</span>
</button> </button>
</li> </li>
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<button class="usa-button exportLink" data-export-url="{% url 'export_unmanaged_domains' %}" type="button"> <button class="usa-button usa-button--dja exportLink" data-export-url="{% url 'export_unmanaged_domains' %}" type="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use> <use xlink:href="{%static 'img/sprite.svg'%}#file_download"></use>
</svg><span class="margin-left-05">Unmanaged domains</span> </svg><span class="margin-left-05">Unmanaged domains</span>
</button> </button>
</li> </li>
<li class="usa-button-group__item"> <li class="usa-button-group__item">
<button class="usa-button exportLink usa-button--secondary" data-export-url="{% url 'analytics' %}" type="button"> <button class="usa-button usa-button--dja exportLink usa-button--secondary" data-export-url="{% url 'analytics' %}" type="button">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
<use xlink:href="{%static 'img/sprite.svg'%}#assessment"></use> <use xlink:href="{%static 'img/sprite.svg'%}#assessment"></use>
</svg><span class="margin-left-05">Update charts</span> </svg><span class="margin-left-05">Update charts</span>

6
src/registrar/templates/admin/transfer_user.html
View file

@ -48,12 +48,12 @@
</option> </option>
{% endfor %} {% endfor %}
</select> </select>
<input type="submit" value="Preview" class="usa-button"> <input type="submit" value="Preview" class="usa-button usa-button--dja">
</form> </form>
</div> </div>
<div class="desktop:flex-align-center"> <div class="desktop:flex-align-center">
{% if selected_user %} {% if selected_user %}
<a class="usa-button" href="#transfer-and-delete" aria-controls="transfer-and-delete" data-open-modal> <a class="usa-button usa-button--dja" href="#transfer-and-delete" aria-controls="transfer-and-delete" data-open-modal>
Transfer and delete old user Transfer and delete old user
</a> </a>
{% endif %} {% endif %}
@ -197,7 +197,7 @@
<form method="POST" action="{% url 'transfer_user' current_user.pk %}"> <form method="POST" action="{% url 'transfer_user' current_user.pk %}">
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="selected_user" value="{{ selected_user.pk }}"> <input type="hidden" name="selected_user" value="{{ selected_user.pk }}">
<input type="submit" class="usa-button" value="Transfer and delete old user"> <input type="submit" class="usa-button usa-button--dja" value="Transfer and delete old user">
</form> </form>
</li> </li>
{% endif %} {% endif %}