SUPP0RT-650: Fixed display of counters on steps in pdf

Author: rimi-itk

README.md

@@ -177,4 +177,4 @@ composer coding-standards-check
 ```sh
 docker run --volume ${PWD}:/app --workdir /app node:16.13.2 yarn install
 docker run --volume ${PWD}:/app --workdir /app node:16.13.2 yarn encore dev
- ```
+```

docker-compose.yml

@@ -1,6 +1,8 @@
 version: "3"
 
 networks:
+  frontend:
+    external: true
   app:
     driver: bridge
     internal: false
@@ -44,13 +46,20 @@ services:
     image: nginx:latest
     networks:
       - app
+      - frontend
     depends_on:
       - phpfpm
     ports:
       - '80'
     volumes:
       - ./.docker/vhost.conf:/etc/nginx/conf.d/default.conf:ro
       - ./:/app:delegated
+    # Let the container be accessible both internally and externally on the same domain.
+    container_name: ${COMPOSE_DOMAIN}
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=frontend"
+      - "traefik.http.routers.${COMPOSE_PROJECT_NAME}.rule=Host(`${COMPOSE_DOMAIN}`)"
 
   memcached:
     image: 'memcached:latest'
@@ -65,6 +74,7 @@ services:
     image: mailhog/mailhog
     networks:
       - app
+      - frontend
     ports:
       - "1025"
       - "8025"

web/profiles/custom/os2loop/themes/os2loop_theme/README.md

@@ -22,7 +22,7 @@ docker run --volume ${PWD}:/app --workdir /app node:16 yarn build
 Watch for changes:
 
 ```sh
-docker run --interactive --tty --volume ${PWD}:/app --workdir /app node:latest yarn watch
+docker run --interactive --tty --volume ${PWD}:/app --workdir /app node:16 yarn watch
 ```
 
 During development you may want to run it with your locally installed

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

@@ -49,13 +49,49 @@ img {
 	display: initial !important;
 }
 
-// Quick 'n' dirty solution.
-.paragraph--type--os2loop-documents-step {
-	&::marker,
-	.step--collapse-toggle {
-		font: {
-			size: 1.25rem;
-			weight: bold;
+.title {
+	margin-bottom: 1em;
+
+	.title-icon,
+	.title-information {
+		display: inline-block;
+		vertical-align: top;
+	}
+
+	.title-icon {
+		margin-right: 1em;
+	}
+}
+
+ol.os2loop-documents-steps {
+	list-style-type: none;
+	counter-reset: item;
+	margin: 0;
+	padding: 0;
+
+	> li {
+		padding-left: 2rem;
+
+		> .step--collapse-toggle {
+			display: inline;
+			position: relative;
+
+			font: {
+				size: 1.25rem;
+				weight: bold;
+			}
+
+			counter-increment: item;
+
+			&::before {
+				content: counters(item, ".") ". ";
+				white-space: pre;
+				display: inline;
+			}
+
+			p {
+				display: inline;
+			}
 		}
 	}
 }