fix: move clear filter button from muscle diagram to filter pills area
All checks were successful
CI / update (push) Successful in 3m30s
All checks were successful
CI / update (push) Successful in 3m30s
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "homepage",
|
"name": "homepage",
|
||||||
"version": "1.4.1",
|
"version": "1.4.2",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -127,10 +127,6 @@
|
|||||||
</div>
|
</div>
|
||||||
{#if hoveredLabel && hoveredSide === 'front'}
|
{#if hoveredLabel && hoveredSide === 'front'}
|
||||||
<div class="hover-label">{hoveredLabel}</div>
|
<div class="hover-label">{hoveredLabel}</div>
|
||||||
{:else if selectedGroups.length > 0}
|
|
||||||
<button class="clear-btn" onclick={() => selectedGroups = []}>
|
|
||||||
{isEn ? 'Clear' : 'Zurücksetzen'}
|
|
||||||
</button>
|
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="split-right">
|
<div class="split-right">
|
||||||
@@ -161,10 +157,6 @@
|
|||||||
|
|
||||||
{#if hoveredLabel}
|
{#if hoveredLabel}
|
||||||
<div class="hover-label">{hoveredLabel}</div>
|
<div class="hover-label">{hoveredLabel}</div>
|
||||||
{:else if selectedGroups.length > 0}
|
|
||||||
<button class="clear-btn" onclick={() => selectedGroups = []}>
|
|
||||||
{isEn ? 'Clear filter' : 'Filter zurücksetzen'}
|
|
||||||
</button>
|
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
@@ -228,20 +220,6 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear-btn {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
color: var(--color-primary);
|
|
||||||
font-size: 0.7rem;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 0.2rem 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clear-btn:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Split mode: two independent columns for parent to position */
|
/* Split mode: two independent columns for parent to position */
|
||||||
.muscle-filter-split {
|
.muscle-filter-split {
|
||||||
display: contents;
|
display: contents;
|
||||||
|
|||||||
@@ -120,6 +120,9 @@
|
|||||||
<span class="pill-remove" aria-hidden="true">×</span>
|
<span class="pill-remove" aria-hidden="true">×</span>
|
||||||
</button>
|
</button>
|
||||||
{/each}
|
{/each}
|
||||||
|
<button class="clear-filters" onclick={() => { muscleGroups = []; equipmentFilters = []; }}>
|
||||||
|
{isEn ? 'Clear all' : 'Alle löschen'}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
@@ -257,6 +260,18 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-left: 0.1rem;
|
margin-left: 0.1rem;
|
||||||
}
|
}
|
||||||
|
.clear-filters {
|
||||||
|
all: unset;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-text-secondary);
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0.25rem 0.4rem;
|
||||||
|
}
|
||||||
|
.clear-filters:hover {
|
||||||
|
color: var(--color-text-primary);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
.exercise-list {
|
.exercise-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user