From 26565902b3b2c4d6ea597e42a4ce97253e664ab2 Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Tue, 6 Oct 2020 15:30:41 -0400
Subject: [PATCH] ISTWCMS-4124: adding view on source to Instagram
---
css/styles.css | 3 +++
source/_patterns/04-components/instagram/_instagram.scss | 5 +++++
source/_patterns/04-components/instagram/instagram.twig | 3 +++
3 files changed, 11 insertions(+)
diff --git a/css/styles.css b/css/styles.css
index 55bda436..2dc5d756 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3824,6 +3824,9 @@ fieldset,
.uw-instagram__wrapper iframe {
max-width: 500px;
width: 100%; }
+ .uw-instagram__view-on-source {
+ padding: 1rem 0;
+ text-align: center; }
.list--border {
list-style: none;
diff --git a/source/_patterns/04-components/instagram/_instagram.scss b/source/_patterns/04-components/instagram/_instagram.scss
index e6cf8dd0..685b5646 100644
--- a/source/_patterns/04-components/instagram/_instagram.scss
+++ b/source/_patterns/04-components/instagram/_instagram.scss
@@ -12,4 +12,9 @@
width: 100%;
}
}
+
+ &__view-on-source {
+ padding: 1rem 0;
+ text-align: center;
+ }
}
diff --git a/source/_patterns/04-components/instagram/instagram.twig b/source/_patterns/04-components/instagram/instagram.twig
index 5b85934d..6edb690c 100644
--- a/source/_patterns/04-components/instagram/instagram.twig
+++ b/source/_patterns/04-components/instagram/instagram.twig
@@ -3,4 +3,7 @@
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="{{ instagram.url }}" data-instgrm-version="12" style="max-width: 500px;"></blockquote>
<script async src="//www.instagram.com/embed.js"></script>
</div>
+ <div class="uw-instagram__view-on-source">
+ View on <a href="{{ instagram.url }}">Instagram</a>
+ </div>
</div>
--
GitLab