diff --git a/css/styles.css b/css/styles.css index 13db3a5a70a22ccd60cd775370ea222eeb0ebe1a..55bda436faf440e24ce1dfcb11d599e3943d31cc 100644 --- a/css/styles.css +++ b/css/styles.css @@ -3063,6 +3063,9 @@ details.details { max-width: 500px; text-align: center; width: 100%; } + .uw-facebook__view-on-source { + padding: 1rem 0; + text-align: center; } .uw-facebook .fb-post, .uw-facebook .fb-page { diff --git a/source/_patterns/04-components/facebook/_facebook.scss b/source/_patterns/04-components/facebook/_facebook.scss index 7947f6170e2b447d750333636a7b685ad5a1d506..905b4d7d57884750ba54146dd2d6f82a274b944d 100644 --- a/source/_patterns/04-components/facebook/_facebook.scss +++ b/source/_patterns/04-components/facebook/_facebook.scss @@ -10,6 +10,11 @@ text-align: center; width: 100%; } + + &__view-on-source { + padding: 1rem 0; + text-align: center; + } } .uw-facebook { diff --git a/source/_patterns/04-components/facebook/facebook.twig b/source/_patterns/04-components/facebook/facebook.twig index 667533f2bba996f61ae0e720c9ac3ba5a5c7b3ea..64421b45aecde5dc6f146fd74fb5f6a07e46ddba 100644 --- a/source/_patterns/04-components/facebook/facebook.twig +++ b/source/_patterns/04-components/facebook/facebook.twig @@ -7,12 +7,21 @@ data-width="500" data-hide-cover="false" data-show-facepile="false" - adapt_container_width="true"></div> + adapt_container_width="true"> + </div> {% else %} <div class="fb-post" data-href="{{ url }}" - data-width="500"></div> + data-width="500"> + </div> {% endif %} <script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script> </div> + <div class="uw-facebook__view-on-source"> + {% if feed_type == 'timeline' %} + View on <a href="https://facebook.com/{{ username }}">Facebook</a> + {% else %} + View on <a href="{{ url }}">Facebook</a> + {% endif %} + </div> </div>