Module:AbilitySection: Difference between revisionsGive feedback
Render ability interaction hint icons between card and details, gated behind the hints param for staged rollout (with help from vergir-bot LLM) |
Group card and hint rail in .ability-section-main (only when hints present) so the rail wraps with the card and never lands beside the notes (with help from vergir-bot LLM) |
||
| Line 114: | Line 114: | ||
if tabber ~= '' then | if tabber ~= '' then | ||
details_col = '<div class="ability-section-details">' .. tabber .. '</div>' | details_col = '<div class="ability-section-details">' .. tabber .. '</div>' | ||
end | |||
-- When hints are present, group the card and the hint rail together so the | |||
-- rail wraps together with the card (and never onto the notes' line). | |||
-- Without hints the structure stays flat, so real pages are unchanged. | |||
local card_block = '<div class="ability-section-card">' .. card .. '</div>' | |||
local left_col | |||
if hints_col ~= '' then | |||
left_col = '<div class="ability-section-main">' .. card_block .. hints_col .. '</div>' | |||
else | |||
left_col = card_block | |||
end | end | ||
local ability_section = '<div class="ability-section">' | local ability_section = '<div class="ability-section">' | ||
.. | .. left_col | ||
.. details_col | .. details_col | ||
.. '</div>' | .. '</div>' | ||