Difference between revisions of "Template:MiniTileButton"

From Buddha-Nature
((by SublimeText.Mediawiker))
m (Text replacement - "images-commons" to "images")
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="home-mini-tile m-1" style="width: 100%;">{{#widget:OverlayLink|link={{{ link | }}}|classes=grey-hoverlay}}
+
<div class="{{{ wrapperClasses | }}}">
<div class="row m-0">
+
<div class="home-mini-tile pop-hover {{{ classes | }}}" style="width: 100%; height: {{{ height | }}};">
{{#widget:MiniTileBack|url={{#if: {{{ imgurl | }}} | {{{ imgurl | }}} | http://commons.tsadra.org/images-commons/2/22/Pecha1.jpg }}}}
+
<div class="row m-0" style="height: 100%; ">{{#ifeq: {{{ imgurl | }}}
<div class="col-8 nowrap">
+
| none
{{{ label | }}}<i class="ml-1 fas fa-angle-{{{ angle | }}}" data-fa-transform="down-2"></i>
+
|
</div>
+
| {{#widget:MiniTileBack
 +
|url={{#if: {{{ imgurl | }}} | {{{ imgurl | }}} | https://commons.tsadra.org/images/thumb/2/22/Pecha1.jpg/320px-Pecha1.jpg }}
 +
|backposition={{{ backposition | center }}}
 +
|classes=col-3
 +
}}
 +
}}
 +
<div class="{{#ifeq: {{{ imgurl | }}} | none | col | col-9 }} d-flex align-items-center justify-content-between {{#ifeq: {{{ ellipsis | }}} | yes | ellipsis | }}">
 +
<p>{{{ label | }}}</p>
 +
<p><i class="ml-1 fas fa-angle-{{{ angle | }}}" data-fa-transform="down-2"></i></p>
 +
</div>
 +
</div>{{#widget:OverlayLink
 +
|link={{{ link | }}}
 +
|classes=noclasses
 +
|target=_self
 +
|title={{{ label | }}}
 +
}}
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 15:21, 1 February 2023