Support for row height for dashboard widgets
This commit is contained in:
parent
470bd62af7
commit
9179f35a82
4 changed files with 9 additions and 3 deletions
File diff suppressed because one or more lines are too long
|
@ -52,3 +52,9 @@ main {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@for $i from 1 through 10 {
|
||||||
|
.row-#{$i} {
|
||||||
|
height: $i * 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -80,7 +80,7 @@
|
||||||
{% endwith %}
|
{% endwith %}
|
||||||
|
|
||||||
{# increment counter #}
|
{# increment counter #}
|
||||||
{% if used_columns.append(used_columns.pop() + widget['columns']) %}{% endif %}
|
{% if used_columns.append(used_columns.pop() + widget.get('columns', 12)) %}{% endif %}
|
||||||
|
|
||||||
{% if used_columns[0] % 12 == 0 %}
|
{% if used_columns[0] % 12 == 0 %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<script type="text/x-template" id="tmpl-widget">
|
<script type="text/x-template" id="tmpl-widget">
|
||||||
<div class="widget" :class="'col-' + config.columns">
|
<div class="widget" :class="['col-' + (config.columns || 12), 'row-' + (config.rows || 1)]">
|
||||||
<component :is="tag" :config="config"></component>
|
<component :is="tag" :config="config"></component>
|
||||||
</div>
|
</div>
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue