Difference between revisions of "Widget:SharedSkillsFilter"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Eave
(Created page with "<includeonly><style> .character-filters { text-align:center; } .character-filters .mw-ui-button-group { flex-wrap:wrap; justify-content:center; margin:3px 1px; } .char...")
>Eave
m (adding support for 5th skill type)
 
(5 intermediate revisions by 2 users not shown)
Line 11: Line 11:
 
   height: 20px;
 
   height: 20px;
 
   pointer-events: none;
 
   pointer-events: none;
 +
}
 +
.skill-filters {
 +
  display: inline-block;
 
}
 
}
 
</style>
 
</style>
Line 116: Line 119:
 
     </label>
 
     </label>
 
   </div>
 
   </div>
</div>
+
  <div class="skill-filters">
<div class="skill-filters">
+
    <p style="margin:0">Skill Type</p>
  <p style="font-size:1.4">Skill Type</p>
+
    <div class="mw-ui-button-group filter-group-skill">
  <div class="mw-ui-button-group filter-group-skill">
+
      <label class="mw-ui-button"
    <label class="mw-ui-button"
+
          data-key="skill"
        data-key="skill"
+
          data-value="1">
        data-value="1">
+
        Attack
       <img src="/images/2/2a/Icon_Type_Attack.png">
+
       </label>
    </label>
+
      <label class="mw-ui-button"
    <label class="mw-ui-button"
+
          data-key="skill"
        data-key="skill"
+
          data-value="2">
        data-value="2">
+
        Defense
       <img src="/images/2/27/Icon_Type_Defense.png">
+
       </label>
    </label>
+
      <label class="mw-ui-button"
    <label class="mw-ui-button"
+
          data-key="skill"
        data-key="skill"
+
          data-value="3">
        data-value="3">
+
        Recovery
       <img src="/images/8/81/Icon_Type_Healing.png">
+
      </label>
    </label>
+
       <label class="mw-ui-button"
    <label class="mw-ui-button"
+
          data-key="skill"
        data-key="skill"
+
          data-value="4">
        data-value="4">
+
        Support
       <img src="/images/8/82/Icon_Type_Support.png">
+
      </label>
     </label>
+
      <label class="mw-ui-button"
 +
          data-key="skill"
 +
          data-value="5">
 +
        Other
 +
       </label>
 +
     </div>
 
   </div>
 
   </div>
 
</div></includeonly>
 
</div></includeonly>

Latest revision as of 16:37, 27 May 2020