Widget:Tweet: Difference between revisions

change classes of light and dark tweets
add classes to widget divs instead
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<div style="max-width: 100%;<!--{if isset($float)}--> float: right; clear: right; margin-top: -10px; margin-bottom: calc(0.5em - 10px); margin-left: 1em;<!--{/if}--> width: <!--{if isset($float)}--><!--{$width|escape:'html'|default:'440'}--><!--{else}--><!--{$width|escape:'html'|default:'550'}--><!--{/if}-->px;">
<div class="tweet-widget light-theme" style="max-width: 100%;<!--{if isset($float)}--> float: right; clear: right; margin-top: -10px; margin-bottom: calc(0.5em - 10px); margin-left: 1em;<!--{/if}--> width: <!--{if isset($float)}--><!--{$width|escape:'html'|default:'440'}--><!--{else}--><!--{$width|escape:'html'|default:'550'}--><!--{/if}-->px;">
   <blockquote class="twitter-tweet-dark" data-dnt="true" data-theme="light">
   <blockquote class="twitter-tweet" data-dnt="true" data-theme="light">
     <a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a>
     <a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a>
   </blockquote>
   </blockquote>
   <blockquote class="twitter-tweet-light" data-dnt="true" data-theme="dark">
</div>
<div class="tweet-widget dark-theme" style="max-width: 100%;<!--{if isset($float)}--> float: right; clear: right; margin-top: -10px; margin-bottom: calc(0.5em - 10px); margin-left: 1em;<!--{/if}--> width: <!--{if isset($float)}--><!--{$width|escape:'html'|default:'440'}--><!--{else}--><!--{$width|escape:'html'|default:'550'}--><!--{/if}-->px;">
   <blockquote class="twitter-tweet" data-dnt="true" data-theme="dark">
     <a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a>
     <a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a>
   </blockquote>
   </blockquote>
Line 23: Line 25:


=== Example ===
=== Example ===
{{#widget:Tweet|id = 874663921289797632}}
{{#widget:Tweet|id = 20}}
</noinclude>
</noinclude>