Difference between revisions of "Template:Ribbon2"

From Geohashing
(add `max-width: 100%` to style)
(support for the image argument)
Line 10: Line 10:
 
   background-color: #eee;
 
   background-color: #eee;
 
   grid-template-areas:  
 
   grid-template-areas:  
       "icon achv xtra"
+
       "icon achv . ."
       "icon actn xtra";
+
       "icon actn . .";
 
   align-items: center;
 
   align-items: center;
 
}
 
}
Line 28: Line 28:
 
   padding-left: 1em;
 
   padding-left: 1em;
 
}
 
}
.xkcd-ribbon2-xtra {
+
.xkcd-ribbon2-xtra, .xkcd-ribbon2-imag {
  grid-area: xtra;
 
 
   padding-left: 10px;
 
   padding-left: 10px;
 
   border-left: 1px solid lightgray;
 
   border-left: 1px solid lightgray;
Line 35: Line 34:
 
   display: flex;
 
   display: flex;
 
   align-items: center;
 
   align-items: center;
 +
  grid-row: span 2;
 
}
 
}
  
Line 57: Line 57:
 
   <div class="xkcd-ribbon2-achv">{{{achievement}}}</div>
 
   <div class="xkcd-ribbon2-achv">{{{achievement}}}</div>
 
   <div class="xkcd-ribbon2-actn">{{{action}}}</div>
 
   <div class="xkcd-ribbon2-actn">{{{action}}}</div>
 +
{{#if:{{{image|}}}|<div class="xkcd-ribbon2-imag">[[File:{{{image}}}|44px]]</div>|}}
 
{{#if:{{{extra|}}}|<div class="xkcd-ribbon2-xtra">{{{extra}}}</div>|}}
 
{{#if:{{{extra|}}}|<div class="xkcd-ribbon2-xtra">{{{extra}}}</div>|}}
 
</div>
 
</div>

Revision as of 03:59, 14 February 2020

Landgeohash.png
{{{achievement}}}
{{{action}}}