mirror of
https://github.com/cisagov/manage.get.gov.git
synced 2025-07-03 09:43:33 +02:00
Change button styling on /admin
This commit is contained in:
parent
df70a179e8
commit
37430c552f
2 changed files with 8 additions and 15 deletions
|
@ -271,21 +271,14 @@ h1, h2, h3,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include at-media(desktop){
|
.usa-button.admin-button{
|
||||||
.button-list-mobile {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include at-media(mobile){
|
|
||||||
.button-list-mobile {
|
|
||||||
display: contents;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.usa-button{
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
background-color: var(--button-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.usa-button--secondary.admin-button{
|
||||||
|
background-color: var(--delete-button-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Button groups in /admin incorrectly have bullets.
|
// Button groups in /admin incorrectly have bullets.
|
||||||
|
|
|
@ -12,8 +12,8 @@
|
||||||
<div class="desktop:flex-align-self-end">
|
<div class="desktop:flex-align-self-end">
|
||||||
{% if original.state != original.State.DELETED %}
|
{% if original.state != original.State.DELETED %}
|
||||||
<span class="admin-confirmation-buttons" hidden>
|
<span class="admin-confirmation-buttons" hidden>
|
||||||
<button type="submit" class="usa-button" name="_extend_expiration_date">Confirm extension</button>
|
<button type="submit" class="usa-button admin-button" name="_extend_expiration_date">Confirm extension</button>
|
||||||
<button type="button" id="cancel-extend-button" class="usa-button usa-button--secondary">Cancel</button>
|
<button type="button" id="cancel-extend-button" class="usa-button usa-button--secondary admin-button">Cancel</button>
|
||||||
</span>
|
</span>
|
||||||
<input id="extend-expiration-button" type="button" value="Extend expiration date" class="custom-link-button">
|
<input id="extend-expiration-button" type="button" value="Extend expiration date" class="custom-link-button">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue