SUPP0RT-644: Fixed step title display in pdf

Author: rimi-itk

web/profiles/custom/os2loop/themes/os2loop_theme/assets/components/pdf/pdf.scss

@@ -49,4 +49,15 @@ img {
 	display: initial !important;
 }
 
+// Quick 'n' dirty solution.
+.paragraph--type--os2loop-documents-step {
+	&::marker,
+	.step--collapse-toggle {
+		font: {
+			size: 1.25rem;
+			weight: bold;
+		}
+	}
+}
+
 @import "layout";

web/profiles/custom/os2loop/themes/os2loop_theme/templates/content-entities/paragraph--os2loop-documents-step.html.twig

@@ -54,11 +54,20 @@
 {% block paragraph %}
   {% block content %}
     <li {{ attributes.addClass(classes) }}>
-      <a class="collapsed step--collapse-toggle" type="button" data-toggle="collapse" data-target="#paragraph-id-{{ paragraph.id() }}">
-        <span class="bold {{ has_title ?: 'line-clamp-1' }}">
-          {{ has_title ? content.os2loop_documents_step_title : content.os2loop_documents_step_text }}
+      {# A hack to check if we're rendering content for pdf generation #}
+      {% if 'print/pdf' in url('<current>')['#markup'] %}
+        <span class="collapsed step--collapse-toggle">
+          <span class="bold">
+            {{ has_title ? content.os2loop_documents_step_title : content.os2loop_documents_step_text }}
+          </span>
         </span>
-      </a>
+      {% else %}
+        <a class="collapsed step--collapse-toggle" type="button" data-toggle="collapse" data-target="#paragraph-id-{{ paragraph.id() }}">
+          <span class="bold {{ has_title ? 'line-clamp-1' }}">
+            {{ has_title ? content.os2loop_documents_step_title : content.os2loop_documents_step_text }}
+          </span>
+        </a>
+      {% endif %}
       <div class="row no-gutters collapse" id="paragraph-id-{{ paragraph.id() }}">
         <div class="col">
           <div class="row no-gutters">