Fix positioning of card header buttons

This commit is contained in:
Jeremy Stretch 2024-01-11 16:49:50 -05:00
parent dad5c8c86e
commit 2b2e722822
4 changed files with 43 additions and 47 deletions

View File

@ -2,29 +2,29 @@
{% load i18n %} {% load i18n %}
<div class="card"> <div class="card">
<div class="card-header"> <h5 class="card-header d-flex justify-content-between">
<div class="float-md-end"> {% blocktrans %}Termination{% endblocktrans %} {{ side }}
{% if not termination and perms.circuits.add_circuittermination %} <div>
<a href="{% url 'circuits:circuittermination_add' %}?circuit={{ object.pk }}&term_side={{ side }}&return_url={{ object.get_absolute_url }}" class="btn btn-success lh-1"> {% if not termination and perms.circuits.add_circuittermination %}
<span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Add" %} <a href="{% url 'circuits:circuittermination_add' %}?circuit={{ object.pk }}&term_side={{ side }}&return_url={{ object.get_absolute_url }}" class="btn btn-success lh-1">
</a> <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Add" %}
{% endif %} </a>
{% if termination and perms.circuits.change_circuittermination %} {% endif %}
<a href="{% url 'circuits:circuittermination_edit' pk=termination.pk %}?return_url={{ object.get_absolute_url }}" class="btn btn-warning lh-1"> {% if termination and perms.circuits.change_circuittermination %}
<span class="mdi mdi-pencil" aria-hidden="true"></span> {% trans "Edit" %} <a href="{% url 'circuits:circuittermination_edit' pk=termination.pk %}?return_url={{ object.get_absolute_url }}" class="btn btn-warning lh-1">
</a> <span class="mdi mdi-pencil" aria-hidden="true"></span> {% trans "Edit" %}
<a href="{% url 'circuits:circuit_terminations_swap' pk=object.pk %}?return_url={{ object.get_absolute_url }}" class="btn btn-primary lh-1"> </a>
<span class="mdi mdi-swap-vertical" aria-hidden="true"></span> {% trans "Swap" %} <a href="{% url 'circuits:circuit_terminations_swap' pk=object.pk %}?return_url={{ object.get_absolute_url }}" class="btn btn-primary lh-1">
</a> <span class="mdi mdi-swap-vertical" aria-hidden="true"></span> {% trans "Swap" %}
{% endif %} </a>
{% if termination and perms.circuits.delete_circuittermination %} {% endif %}
<a href="{% url 'circuits:circuittermination_delete' pk=termination.pk %}?return_url={{ object.get_absolute_url }}" class="btn btn-danger lh-1"> {% if termination and perms.circuits.delete_circuittermination %}
<span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> {% trans "Delete" %} <a href="{% url 'circuits:circuittermination_delete' pk=termination.pk %}?return_url={{ object.get_absolute_url }}" class="btn btn-danger lh-1">
</a> <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> {% trans "Delete" %}
{% endif %} </a>
</div> {% endif %}
<h5>{% blocktrans %}Termination {{ side }}{% endblocktrans %}</h5> </div>
</div> </h5>
<div class="card-body"> <div class="card-body">
{% if termination %} {% if termination %}
<table class="table table-hover attr-table"> <table class="table table-hover attr-table">
@ -59,7 +59,7 @@
<i class="mdi mdi-transit-connection-variant" aria-hidden="true"></i> {% trans "Trace" %} <i class="mdi mdi-transit-connection-variant" aria-hidden="true"></i> {% trans "Trace" %}
</a> </a>
{% if perms.dcim.change_cable %} {% if perms.dcim.change_cable %}
<a href="{% url 'dcim:cable_edit' pk=termination.cable.pk %}?return_url={{ termination.circuit.get_absolute_url }}" title="{% trans "Edit cable" %}" class="btn btn-warning"> <a href="{% url 'dcim:cable_edit' pk=termination.cable.pk %}?return_url={{ termination.circuit.get_absolute_url }}" title="{% trans "Edit cable" %}" class="btn btn-warning lh-1">
<i class="mdi mdi-ethernet-cable" aria-hidden="true"></i> {% trans "Edit" %} <i class="mdi mdi-ethernet-cable" aria-hidden="true"></i> {% trans "Edit" %}
</a> </a>
{% endif %} {% endif %}

View File

@ -51,14 +51,12 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="card"> <div class="card">
<div class="card-header"> <h5 class="card-header d-flex justify-content-between">
<div class="float-end"> {% trans "Rendered Config" %}
<a href="?export=True" class="btn btn-primary" role="button"> <a href="?export=True" class="btn btn-primary lh-1" role="button">
<i class="mdi mdi-download" aria-hidden="true"></i> {% trans "Download" %} <i class="mdi mdi-download" aria-hidden="true"></i> {% trans "Download" %}
</a> </a>
</div> </h5>
<h5>{% trans "Rendered Config" %}</h5>
</div>
{% if config_template %} {% if config_template %}
<pre class="card-body">{{ rendered_config }}</pre> <pre class="card-body">{{ rendered_config }}</pre>
{% else %} {% else %}

View File

@ -80,17 +80,17 @@
</div> </div>
<div class="col col-md-7"> <div class="col col-md-7">
<div class="card"> <div class="card">
<div class="card-header"> <h5 class="card-header d-flex justify-content-between">
<h5 class="d-inline">{% trans "Difference" %}</h5> {% trans "Difference" %}
<div class="btn-group btn-group-sm float-end noprint"> <div class="btn-group btn-group-sm d-print-none">
<a {% if prev_change %}href="{% url 'extras:objectchange' pk=prev_change.pk %}"{% else %}disabled{% endif %} class="btn btn-outline-secondary"> <a {% if prev_change %}href="{% url 'extras:objectchange' pk=prev_change.pk %}"{% else %}disabled{% endif %} class="btn btn-outline-secondary">
<i class="mdi mdi-chevron-left" aria-hidden="true"></i> {% trans "Previous" %} <i class="mdi mdi-chevron-left" aria-hidden="true"></i> {% trans "Previous" %}
</a> </a>
<a {% if next_change %}href="{% url 'extras:objectchange' pk=next_change.pk %}"{% else %}disabled{% endif %} class="btn btn-outline-secondary"> <a {% if next_change %}href="{% url 'extras:objectchange' pk=next_change.pk %}"{% else %}disabled{% endif %} class="btn btn-outline-secondary">
{% trans "Next" %} <i class="mdi mdi-chevron-right" aria-hidden="true"></i> {% trans "Next" %} <i class="mdi mdi-chevron-right" aria-hidden="true"></i>
</a> </a>
</div> </div>
</div> </h5>
<div class="card-body"> <div class="card-body">
{% if diff_added == diff_removed %} {% if diff_added == diff_removed %}
<span class="text-muted" style="margin-left: 10px;"> <span class="text-muted" style="margin-left: 10px;">

View File

@ -51,14 +51,12 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="card"> <div class="card">
<div class="card-header"> <h5 class="card-header d-flex justify-content-between">
<div class="float-end"> {% trans "Rendered Config" %}
<a href="?export=True" class="btn btn-primary" role="button"> <a href="?export=True" class="btn btn-primary lh-1" role="button">
<i class="mdi mdi-download" aria-hidden="true"></i> {% trans "Download" %} <i class="mdi mdi-download" aria-hidden="true"></i> {% trans "Download" %}
</a> </a>
</div> </h5>
<h5>{% trans "Rendered Config" %}</h5>
</div>
{% if config_template %} {% if config_template %}
<pre class="card-body">{{ rendered_config }}</pre> <pre class="card-body">{{ rendered_config }}</pre>
{% else %} {% else %}