Match Ombi's Show more button to the request pill height
The button used the default 38px .show-more height, shorter than the 68px (--row-h) request pills above it, so it read as a smaller tacked-on control rather than one more row in the list. Scoped to a new .show-more-row modifier rather than changing .show-more globally — the Discover cards' Show more buttons sit under much taller RT items and are correctly compact at 38px. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
4b56f1fba9
commit
5045316fa5
2 changed files with 75 additions and 1 deletions
|
|
@ -170,6 +170,47 @@
|
|||
{% if unraid.source == "local" %}
|
||||
<p class="empty" style="margin-bottom:0;">Container disk usage ({{ unraid.mount }}). Set <code>UNRAID_API_KEY</code> for full array stats.</p>
|
||||
{% endif %}
|
||||
|
||||
{% if unraid.disks or unraid.caches %}
|
||||
<div class="disk-list">
|
||||
{% for dk in unraid.disks + unraid.caches %}
|
||||
{% set dpct = dk.used_pct %}
|
||||
<div class="disk-item">
|
||||
<div class="disk-info">
|
||||
<div class="disk-name" title="{{ dk.device }}">{{ dk.name }}</div>
|
||||
<div class="disk-sub">{{ dk.used }} of {{ dk.total }}</div>
|
||||
<div class="meter disk-meter">
|
||||
<div class="meter-fill {% if dpct > 85 %}danger{% elif dpct > 70 %}warn{% endif %}"
|
||||
style="width: {{ dpct }}%;"
|
||||
role="progressbar" aria-valuenow="{{ dpct }}" aria-valuemin="0" aria-valuemax="100"
|
||||
aria-label="{{ dk.name }} usage"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% if dk.spinning == false %}
|
||||
<span class="badge idle">Standby</span>
|
||||
{% elif dk.temp is not none %}
|
||||
<span class="badge temp-{% if dk.temp >= 55 %}danger{% elif dk.temp >= 45 %}warn{% else %}ok{% endif %}">{{ dk.temp }}°C</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if unraid.parities %}
|
||||
<div class="disk-list disk-list-compact">
|
||||
{% for dk in unraid.parities %}
|
||||
<div class="disk-item disk-item-compact">
|
||||
<div class="disk-name" title="{{ dk.device }}">{{ dk.name }}</div>
|
||||
{% if dk.spinning == false %}
|
||||
<span class="badge idle">Standby</span>
|
||||
{% elif dk.temp is not none %}
|
||||
<span class="badge temp-{% if dk.temp >= 55 %}danger{% elif dk.temp >= 45 %}warn{% else %}ok{% endif %}">{{ dk.temp }}°C</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% else %}
|
||||
{{ service_error("Unraid", unraid.error) }}
|
||||
{% endif %}
|
||||
|
|
@ -362,7 +403,7 @@
|
|||
{% endfor %}
|
||||
</div>
|
||||
{% if ombi.recent | length > 5 %}
|
||||
<button class="btn btn-quiet show-more" onclick="toggleMore(this, 'req-list')"
|
||||
<button class="btn btn-quiet show-more show-more-row" onclick="toggleMore(this, 'req-list')"
|
||||
aria-expanded="false">Show {{ ombi.recent | length - 5 }} more</button>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue