Difference between revisions of "Widget:HeaderButtons"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Eave
(Created page with "<style> .dl-header-buttons img { height: 19px; vertical-align: middle; pointer-events: none; } </style> <div class="dl-header-buttons"> <!--{foreach from=$buttons item...")
 
>Eave
m (reducing spacing a little)
 
(27 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<style>
+
<includeonly><style>
 +
.dl-header-buttons {
 +
  text-align: center;
 +
}
 +
.dl-header-buttons .mw-ui-button {
 +
  padding: 6px 10px;
 +
}
 +
.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;
 
}
 
}
</style>
+
.dl-header-buttons span {
<div class="dl-header-buttons">
+
  line-height: 19px;
   <!--{foreach from=$buttons item=button}-->
+
  margin: 0 5px;
    <li><!--{$key|escape:'html'}-->: set to <!--{$item|escape:'html'}--></li>
+
}
     <a href="<!--{$button.link|escape:'html'}-->" class="mw-ui-button <!--{if $button.active}-->mw-ui-progressive<!--{/if}-->">
+
</style><div class="dl-header-buttons">
       <img src="<!--{$button.img|escape:'html'}-->"> <!--{$button.name|escape:'html'}-->
+
   <!--{section name=idx loop=$links}-->
 +
     <a href="<!--{$links[idx]|escape:'html'}-->" class="mw-ui-button <!--{if $active[idx]}-->mw-ui-progressive<!--{/if}-->">
 +
       <img src="<!--{$images[idx]|escape:'html'}-->">
 +
      <span><!--{$names[idx]|escape:'html'}--></span>
 
     </a>
 
     </a>
   <!--{/foreach}-->
+
   <!--{/section}-->
</div>
+
</div></includeonly>

Latest revision as of 01:41, 7 April 2020