buttons displayed as text links; are right justified; and have a spacer when appropriate

This commit is contained in:
David Kennedy 2023-11-09 17:44:24 -05:00
parent f0636013e0
commit ae84eb42a8
No known key found for this signature in database
GPG key ID: 6528A5386E66B96B
2 changed files with 30 additions and 6 deletions

View file

@ -161,6 +161,26 @@ h1, h2, h3 {
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
.min-width-25 {
min-width: 25px;

View file

@ -8,15 +8,19 @@
{% block field_sets %}
<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 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 %}
<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 %}
</div>
{{ block.super }}