diff options
| author | Javier Sánchez Parra <jsanchez@soleta.eu> | 2022-03-08 17:22:48 +0100 |
|---|---|---|
| committer | Javier Sánchez Parra <jsanchez@soleta.eu> | 2022-03-09 17:08:33 +0100 |
| commit | 7dfeb3e44e2ed4d4b38ee16768e64207aac6eb91 (patch) | |
| tree | db7e2181198bcb66d430fa5c12469767a24c6368 | |
| parent | d7b19c6aa0c9502585a5b97bccc8dd312095e3db (diff) | |
Set pills width
Set the same width to all pills.
| -rw-r--r-- | ogcp/static/css/soleta.css | 4 | ||||
| -rw-r--r-- | ogcp/static/js/ogcp.js | 2 | ||||
| -rw-r--r-- | ogcp/templates/macros.html | 2 |
3 files changed, 6 insertions, 2 deletions
diff --git a/ogcp/static/css/soleta.css b/ogcp/static/css/soleta.css index 6871cf8..2dc0c3e 100644 --- a/ogcp/static/css/soleta.css +++ b/ogcp/static/css/soleta.css @@ -35,3 +35,7 @@ html, body { color: white !important; background-color: #99791a !important; } + +.og-pill { + width: 11em; +} diff --git a/ogcp/static/js/ogcp.js b/ogcp/static/js/ogcp.js index 00b451c..0f3a648 100644 --- a/ogcp/static/js/ogcp.js +++ b/ogcp/static/js/ogcp.js @@ -8,7 +8,7 @@ function showSelectedClient(client_checkbox) { if (client_checkbox.checked) { if (!($('#' + pill_id).length)) - $(container).append('<div class="badge badge-pill badge-light" ' + + $(container).append('<div class="badge badge-pill og-pill badge-light" ' + 'id="'+ pill_id + '">' + client_checkbox.name + '<br>' + client_checkbox.value + '</div>'); return; diff --git a/ogcp/templates/macros.html b/ogcp/templates/macros.html index 5cfeba7..19ec8c7 100644 --- a/ogcp/templates/macros.html +++ b/ogcp/templates/macros.html @@ -58,7 +58,7 @@ <div class="d-flex flex-wrap justify-content-center"> {% set max_clients = 50 %} {% for name_id, ip in selected_clients[:max_clients] %} - <div id="pill-{{ name_id|replace(".", "_") }}" class="badge badge-pill badge-light"> + <div id="pill-{{ name_id|replace(".", "_") }}" class="badge badge-pill og-pill badge-light"> {{ name_id }}<br>{{ ip }} </div> {% if loop.last and (selected_clients|length > max_clients) %} |