From Brotato Wiki
(Add button to only show icons) |
(reducing padding) |
||
| Line 7: | Line 7: | ||
<span class="btn" data-hide-type="item" data-hide-target="show-none" title="Apply All Filters">✔️</span> | <span class="btn" data-hide-type="item" data-hide-target="show-none" title="Apply All Filters">✔️</span> | ||
</td> | </td> | ||
<td style="padding-left: | <td style="padding-left: 10px;"> | ||
<!-- Item Tags (Stats) --> | <!-- Item Tags (Stats) --> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_max_hp" title="Max HP">{{StatIcon|Max HP|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_max_hp" title="Max HP">{{StatIcon|Max HP|nolink=1}}</span> | ||
| Line 26: | Line 26: | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_harvesting" title="Harvesting">{{StatIcon|Harvesting|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_harvesting" title="Harvesting">{{StatIcon|Harvesting|nolink=1}}</span> | ||
</td> | </td> | ||
{{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: | {{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: 10px; text-align: right;"> | ||
<!-- Rarities/Tiers --> | <!-- Rarities/Tiers --> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1|I}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1|I}}</span> | ||
Latest revision as of 01:18, 19 February 2023
Creates buttons that can be used above a table grid of items, shown with StatsCard, to toggle the visibility of those items.
See Mod:Extatonion/Items for a working example.
Should be wrapped in a DIV or table, which sets its max-width.
Default
{{StatsCard_GridToggles}}
|
❌ ✔️ |
|
Tier Buttons
{{StatsCard_GridToggles|tier_btns=1}}
|
❌ ✔️ |
|
I II III IV |
Extra Buttons
{{StatsCard_GridToggles|extra_btns=1}}
|
❌ ✔️ |
|
📦
👁️
|
Tier Buttons + Extras Buttons
{{StatsCard_GridToggles|extra_btns=1|tier_btns=1}}
|
❌ ✔️ |
|
I II III IV |
📦
👁️
|