Remove required title from rollover card

ubc-web-services · Oct 8, 2024 · 7a0364d · 7a0364d
1 parent a2655d1
commit 7a0364d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/card--rollover/card--rollover.component.yml b/components/card--rollover/card--rollover.component.yml
@@ -5,8 +5,6 @@ group: UBC Web Services
 description: Component to render as a Rollover Card
 props:
   type: object
-  required:
-    - title
   properties:
     title:
       type: string

diff --git a/components/card--rollover/card--rollover.twig b/components/card--rollover/card--rollover.twig
@@ -14,12 +14,14 @@
 
 <article{{ cardrolloverattributes.addClass(classes) }}>
 	{% block media %}{% endblock %}
+  {% if title|length > 1 %}
 	<p class="flex-none px-4 py-2 mt-0 uppercase">
 		{{ title }}
 		<svg role="img" class="inline-block w-6 h-6 stroke-2 text-ubc-blue translate-y-[-2px]">
 			<use xlink:href="#icon-caret"></use>
 		</svg>
 	</p>
+  {% endif %}
 	<a class="absolute top-0 bottom-0 left-0 right-0 flex px-4 text-white no-underline transition-opacity duration-300 opacity-0 group-hover--opacity-100 focus--opacity-100 bg-ubc-blue link-expand group-hover--text-white hover--text-white" href="{{ link }}" aria-label="{{ title }}" {% if target %}
     target="_blank"{% endif %}>
 		<span class="relative w-full text-center place-self-center keyline-bottom">{{ revealedText }}</span>