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
(update styles)
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">
+
        <img src="/images/2/2a/Icon_Type_Attack.png">
      <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">
+
        <img src="/images/2/27/Icon_Type_Defense.png">
      <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">
+
        <img src="/images/8/81/Icon_Type_Healing.png">
      <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">
+
        <img src="/images/8/82/Icon_Type_Support.png">
      <img src="/images/8/82/Icon_Type_Support.png">
+
      </label>
     </label>
+
     </div>
 
   </div>
 
   </div>
 
</div></includeonly>
 
</div></includeonly>

Revision as of 16:29, 27 May 2020