Difference between revisions of "User:Eave/Sandbox2"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Eave
(flex container styling, I guess)
>Eave
(choosing left aligned and grey bg + border)
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<includeonly><!--
 
<includeonly><!--
--><div class="weapon-notable" style="flex:1 1 480px;padding:1em">
+
--><div class="weapon-notable grid-entry"
 +
    data-weapon="{{{Type|}}}"
 +
    data-element="{{{ElementalType|}}}"
 +
    data-rarity="{{{Rarity|}}}"
 +
    data-availability="{{{Availability|}}}"
 +
    style="
 +
    box-sizing:border-box;
 +
    display:flex;
 +
    flex-direction:column;
 +
    flex:1 1 450px;
 +
    padding:1em;">
 
   <div class="notable-header" style="
 
   <div class="notable-header" style="
      {{#if:{{{Center|}}} | text-align:center;}}
 
 
       background-color:rgb(77, 144, 94);
 
       background-color:rgb(77, 144, 94);
 
       border:1px solid rgb(51, 102, 66);
 
       border:1px solid rgb(51, 102, 66);
Line 16: Line 25:
 
       border-top:none;
 
       border-top:none;
 
       display:grid;
 
       display:grid;
 +
      flex-grow:1;
 
       grid-template-areas: 'sidebar main';
 
       grid-template-areas: 'sidebar main';
 
       grid-template-columns: 100px auto">
 
       grid-template-columns: 100px auto">
 
     <div class="notable-sidebar" style="
 
     <div class="notable-sidebar" style="
         border-right:1px solid #aaa;
+
         border-right:1px solid #ccc;
 +
        background:rgba(0,0,0,0.05);
 
         display:flex;
 
         display:flex;
 
         flex-direction:column;
 
         flex-direction:column;
Line 92: Line 103:
 
}
 
}
 
-->
 
-->
 +
__TOC__
 
==WIP==
 
==WIP==
 
Main todos: better styling for HP/Str.
 
Main todos: better styling for HP/Str.
<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
 
  |q?where=Type="Bow" AND ElementalType="Wind" AND Rarity=5
 
  |q?groupBy=_pageName
 
  |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
  |template=User:Eave/Sandbox2
 
}}
 
</div>
 
  
===Centered Variant===
+
{{WeaponListFilter}}
<div style="display:grid;grid-gap:1em">
+
 
 +
<div style="display:flex;flex-wrap:wrap;margin:1em -1em -1em">
 
{{#invoke:CargoQuery|main
 
{{#invoke:CargoQuery|main
 
   |q?tables=Weapons
 
   |q?tables=Weapons
 
   |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
   |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
             MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,
+
             MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,Availability
            CONCAT('1')=Center
+
   |q?where=WeaponName!="Zethia\'s Staff" AND ReleaseDate <= NOW()
   |q?where=Type="Sword" AND ElementalType="Shadow" 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
 +
  |q?limit=99
 
   |template=User:Eave/Sandbox2
 
   |template=User:Eave/Sandbox2
 
}}
 
}}
</div>
+
<!-- For last row spacing purposes only -->
 +
<div class="weapon-notable" style="flex:1 1 450px;"></div>
 +
<div class="weapon-notable" style="flex:1 1 450px;"></div>
 
</noinclude>
 
</noinclude>

Latest revision as of 19:57, 18 April 2020

WIP

Main todos: better styling for HP/Str.

Lua error: Error: Table Weapons not found..