always expanded
Browse files
src/lib/components/Piclets/PicletDetail.svelte
CHANGED
@@ -19,7 +19,6 @@
|
|
19 |
let showDeleteConfirm = $state(false);
|
20 |
let selectedTab = $state<'about' | 'stats' | 'abilities' | 'moves'>('about');
|
21 |
let expandedMoves = $state(new Set<number>());
|
22 |
-
let expandedAbility = $state(false);
|
23 |
let isSharing = $state(false);
|
24 |
|
25 |
// Convert to battle definition to get enhanced ability data
|
@@ -152,7 +151,7 @@
|
|
152 |
class:active={selectedTab === 'abilities'}
|
153 |
onclick={() => selectedTab = 'abilities'}
|
154 |
>
|
155 |
-
|
156 |
</button>
|
157 |
<button
|
158 |
class="tab-button"
|
@@ -211,15 +210,8 @@
|
|
211 |
<div class="content-card">
|
212 |
<AbilityDisplay
|
213 |
ability={battleDefinition.specialAbility}
|
214 |
-
expanded={
|
215 |
/>
|
216 |
-
|
217 |
-
<button
|
218 |
-
class="expand-toggle"
|
219 |
-
onclick={() => expandedAbility = !expandedAbility}
|
220 |
-
>
|
221 |
-
{expandedAbility ? 'Show Less' : 'Show Details'}
|
222 |
-
</button>
|
223 |
</div>
|
224 |
{:else if selectedTab === 'moves'}
|
225 |
<div class="content-card">
|
|
|
19 |
let showDeleteConfirm = $state(false);
|
20 |
let selectedTab = $state<'about' | 'stats' | 'abilities' | 'moves'>('about');
|
21 |
let expandedMoves = $state(new Set<number>());
|
|
|
22 |
let isSharing = $state(false);
|
23 |
|
24 |
// Convert to battle definition to get enhanced ability data
|
|
|
151 |
class:active={selectedTab === 'abilities'}
|
152 |
onclick={() => selectedTab = 'abilities'}
|
153 |
>
|
154 |
+
Ability
|
155 |
</button>
|
156 |
<button
|
157 |
class="tab-button"
|
|
|
210 |
<div class="content-card">
|
211 |
<AbilityDisplay
|
212 |
ability={battleDefinition.specialAbility}
|
213 |
+
expanded={true}
|
214 |
/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
215 |
</div>
|
216 |
{:else if selectedTab === 'moves'}
|
217 |
<div class="content-card">
|