Difference between revisions of "User:Eave/Sandbox2"
Jump to navigation
Jump to search
>Eave (flex container styling, I guess) |
>Eave (adding a center-responsive variation) |
||
| Line 92: | Line 92: | ||
} | } | ||
--> | --> | ||
| + | __TOC__ | ||
==WIP== | ==WIP== | ||
Main todos: better styling for HP/Str. | Main todos: better styling for HP/Str. | ||
| + | ===Left aligned, responsive layout=== | ||
<div style="display:flex;flex-wrap:wrap;margin:-1em"> | <div style="display:flex;flex-wrap:wrap;margin:-1em"> | ||
{{#invoke:CargoQuery|main | {{#invoke:CargoQuery|main | ||
| Line 106: | Line 108: | ||
</div> | </div> | ||
| − | === | + | ===Center-aligned (full row width) === |
<div style="display:grid;grid-gap:1em"> | <div style="display:grid;grid-gap:1em"> | ||
{{#invoke:CargoQuery|main | {{#invoke:CargoQuery|main | ||
| Line 114: | Line 116: | ||
CONCAT('1')=Center | CONCAT('1')=Center | ||
|q?where=Type="Sword" AND ElementalType="Shadow" AND Rarity=3 | |q?where=Type="Sword" AND ElementalType="Shadow" AND Rarity=3 | ||
| + | |q?groupBy=_pageName | ||
| + | |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName | ||
| + | |template=User:Eave/Sandbox2 | ||
| + | }} | ||
| + | </div> | ||
| + | ===Center-aligned, Responsive layout=== | ||
| + | <div style="display:flex;flex-wrap:wrap;margin:-1em"> | ||
| + | {{#invoke:CargoQuery|main | ||
| + | |q?tables=Weapons | ||
| + | |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity, | ||
| + | MaxHp,MaxAtk,SkillName,Abilities11,Abilities21, | ||
| + | CONCAT('1')=Center | ||
| + | |q?where=Type="Wand" AND ElementalType="Flame" AND Rarity=3 | ||
|q?groupBy=_pageName | |q?groupBy=_pageName | ||
|q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName | |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName | ||
Revision as of 04:09, 14 April 2020
WIP
Main todos: better styling for HP/Str.
Left aligned, responsive layout
Lua error: Error: Table Weapons not found..
Center-aligned (full row width)
Lua error: Error: Table Weapons not found..
Center-aligned, Responsive layout
Lua error: Error: Table Weapons not found..