Add grid compact button

This commit is contained in:
Mark Veidemanis 2022-09-02 07:20:30 +01:00
parent a9453b6459
commit aefd639e58
Signed by: m
GPG Key ID: 5ACFCEED46C0904F
4 changed files with 8 additions and 5 deletions

View File

@ -200,7 +200,7 @@
background-color:rgba(250, 250, 250, 0.8) !important; background-color:rgba(250, 250, 250, 0.8) !important;
} }
.ui-close { .float-right {
float: right; float: right;
} }
.grid-stack-item:hover .ui-resizable-handle { .grid-stack-item:hover .ui-resizable-handle {

View File

@ -11,7 +11,7 @@
{% block close_button %} {% block close_button %}
<i <i
class="fa-solid fa-xmark has-text-grey-light ui-close" class="fa-solid fa-xmark has-text-grey-light float-right"
onclick='grid.removeWidget("drilldown-widget-{{ unique }}"); //grid.compact();'></i> onclick='grid.removeWidget("drilldown-widget-{{ unique }}"); //grid.compact();'></i>
{% endblock %} {% endblock %}

View File

@ -4,7 +4,7 @@
<i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light"></i> <i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light"></i>
{% block close_button %} {% block close_button %}
<i <i
class="fa-solid fa-xmark has-text-grey-light ui-close" class="fa-solid fa-xmark has-text-grey-light float-right"
data-script="on click remove the closest <nav/>"></i> data-script="on click remove the closest <nav/>"></i>
{% endblock %} {% endblock %}
{% block heading %} {% block heading %}

View File

@ -7,9 +7,12 @@
<i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light"></i> <i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light"></i>
{% block close_button %} {% block close_button %}
<i <i
class="fa-solid fa-xmark has-text-grey-light ui-close" class="fa-solid fa-xmark has-text-grey-light float-right"
onclick='grid.removeWidget("drilldown-widget-{{ unique }}"); grid.compact();'></i> onclick='grid.removeWidget("drilldown-widget-{{ unique }}");'></i>
{% endblock %} {% endblock %}
<i
class="fa-solid fa-arrows-minimize has-text-grey-light"
onclick='grid.compact();'></i>
{% block heading %} {% block heading %}
{% endblock %} {% endblock %}
</p> </p>