fix(STN-804): caption credit views hotfix (#907)

SU-HSDO · Jun 25, 2021 · 353c52b · 353c52b
1 parent d733a5a
commit 353c52b
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 3 deletions.
diff --git a/docroot/themes/humsci/humsci_airy/css/humsci_airy.css b/docroot/themes/humsci/humsci_airy/css/humsci_airy.css
diff --git a/docroot/themes/humsci/humsci_basic/src/scss/components/_media.scss b/docroot/themes/humsci/humsci_basic/src/scss/components/_media.scss
@@ -32,3 +32,9 @@
     position: relative;
   }
 }
+
+// This adds caption/credit positioning for the caption credit media template as well as the hb-relative utility class.
+.hb-caption-credit-image,
+.hb-relative article {
+  @include hb-relative;
+}
diff --git a/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.general.scss b/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.general.scss
@@ -311,3 +311,7 @@
     z-index: $hb-z-index-small-1;
   }
 }
+
+@mixin hb-relative {
+  position: relative;
+}
diff --git a/docroot/themes/humsci/humsci_basic/templates/field/media--caption-credit.html.twig b/docroot/themes/humsci/humsci_basic/templates/field/media--caption-credit.html.twig
@@ -0,0 +1,17 @@
+{#
+/**
+ * This Caption Credit template overrides the standard media.html.twig file in Stable theme.
+ */
+#}
+{%
+  set classes = [
+    'hb-caption-credit-image',
+  ]
+%}
+
+<article{{ attributes.addClass(classes) }}>
+  {{ title_suffix.contextual_links }}
+  {% if content %}
+    {{ content }}
+  {% endif %}
+</article>
diff --git a/docroot/themes/humsci/humsci_colorful/css/humsci_colorful.css b/docroot/themes/humsci/humsci_colorful/css/humsci_colorful.css
diff --git a/docroot/themes/humsci/humsci_traditional/css/humsci_traditional.css b/docroot/themes/humsci/humsci_traditional/css/humsci_traditional.css