Difference between revisions of "Widget:HeaderButtons"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Eave
m (3rd time's the charm?)
>Eave
(update styling)
Line 1: Line 1:
 
<style>
 
<style>
 +
.dl-header-buttons img[src=""] {
 +
  display: none;
 +
}
 
.dl-header-buttons img {
 
.dl-header-buttons img {
 
   height: 19px;
 
   height: 19px;
  vertical-align: middle;
 
 
   pointer-events: none;
 
   pointer-events: none;
 +
}
 +
.dl-header-buttons span {
 +
  line-height: 19px;
 +
  margin: 0 6px;
 
}
 
}
 
</style>
 
</style>
Line 9: Line 15:
 
   <!--{section name=idx loop=$links}-->
 
   <!--{section name=idx loop=$links}-->
 
     <a href="<!--{$links[idx]|escape:'html'}-->" class="mw-ui-button <!--{if $active[idx]}-->mw-ui-progressive<!--{/if}-->">
 
     <a href="<!--{$links[idx]|escape:'html'}-->" class="mw-ui-button <!--{if $active[idx]}-->mw-ui-progressive<!--{/if}-->">
       <img src="<!--{$images[idx]|escape:'html'}-->"> <!--{$names[idx]|escape:'html'}-->
+
       <img src="<!--{$images[idx]|escape:'html'}-->">
 +
      <span><!--{$names[idx]|escape:'html'}--></span>
 
     </a>
 
     </a>
 
   <!--{/section}-->
 
   <!--{/section}-->
 
</div>
 
</div>

Revision as of 01:02, 7 April 2020

<style> .dl-header-buttons img[src=""] {

 display: none;

} .dl-header-buttons img {

 height: 19px;
 pointer-events: none;

} .dl-header-buttons span {

 line-height: 19px;
 margin: 0 6px;

} </style>

   <a href="" class="mw-ui-button mw-ui-progressive">
     <img src="">
     
   </a>