mirror of
https://github.com/cisagov/manage.get.gov.git
synced 2025-05-29 17:00:02 +02:00
buttons displayed as text links; are right justified; and have a spacer when appropriate
This commit is contained in:
parent
f0636013e0
commit
ae84eb42a8
2 changed files with 30 additions and 6 deletions
|
@ -161,6 +161,26 @@ h1, h2, h3 {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// right justify custom buttons and display as links
|
||||||
|
.submit-row input.custom-link-button,
|
||||||
|
.submit-row input.custom-link-button:hover {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--link-fg);
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 0;
|
||||||
|
font-size: inherit;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
.submit-row div.spacer {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
.submit-row span {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Customize
|
||||||
// Keep th from collapsing
|
// Keep th from collapsing
|
||||||
.min-width-25 {
|
.min-width-25 {
|
||||||
min-width: 25px;
|
min-width: 25px;
|
||||||
|
|
|
@ -8,15 +8,19 @@
|
||||||
|
|
||||||
{% block field_sets %}
|
{% block field_sets %}
|
||||||
<div class="submit-row">
|
<div class="submit-row">
|
||||||
{% if original.state == original.State.READY %}
|
|
||||||
<input type="submit" value="Place hold" name="_place_client_hold">
|
|
||||||
{% elif original.state == original.State.ON_HOLD %}
|
|
||||||
<input type="submit" value="Remove hold" name="_remove_client_hold">
|
|
||||||
{% endif %}
|
|
||||||
<input id="manageDomainSubmitButton" type="submit" value="Manage domain" name="_edit_domain">
|
<input id="manageDomainSubmitButton" type="submit" value="Manage domain" name="_edit_domain">
|
||||||
<input type="submit" value="Get registry status" name="_get_status">
|
<input type="submit" value="Get registry status" name="_get_status">
|
||||||
|
<div class="spacer"></div>
|
||||||
|
{% if original.state == original.State.READY %}
|
||||||
|
<input type="submit" value="Place hold" name="_place_client_hold" class="custom-link-button">
|
||||||
|
{% elif original.state == original.State.ON_HOLD %}
|
||||||
|
<input type="submit" value="Remove hold" name="_remove_client_hold" class="custom-link-button">
|
||||||
|
{% endif %}
|
||||||
|
{% if original.state == original.State.READY or original.state == original.State.ON_HOLD %}
|
||||||
|
<span> | </span>
|
||||||
|
{% endif %}
|
||||||
{% if original.state != original.State.DELETED %}
|
{% if original.state != original.State.DELETED %}
|
||||||
<input type="submit" value="Delete domain in registry" name="_delete_domain">
|
<input type="submit" value="Remove from registry" name="_delete_domain" class="custom-link-button">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{{ block.super }}
|
{{ block.super }}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue