feat: Only show icon for expanders on mobile

MoritzWeber0 · MoritzWeber0 · commit 93a4bca0df56 · 2025-11-20T18:22:49.000+01:00
diff --git a/assets/sass/tag.scss b/assets/sass/tag.scss
@@ -15,4 +15,14 @@
       border: 0.1rem solid var(--tag-#{$name}-border);
     }
   }
+
+  &__text {
+    @media (max-width: $breakpoint-md) {
+      display: none;
+
+      details[open] & {
+        display: inline;
+      }
+    }
+  }
 }
diff --git a/assets/sass/trainCategory.scss b/assets/sass/trainCategory.scss
@@ -26,6 +26,7 @@
     }
   }
 }
+
 .o-train-category__content {
   .m-text-highlight {
     &--important,
diff --git a/layouts/partials/tag.html b/layouts/partials/tag.html
@@ -1,4 +1,4 @@
 <span class="a-tag a-tag--{{ .Type }}">
   {{ partial "icon" .Icon }}
-  {{ i18n .Text }}
+  <span class="a-tag__text">{{ i18n .Text }}</span>
 </span>

Original file line number	Diff line number	Diff line change
`@@ -15,4 +15,14 @@`
`15`	`15`	`border: 0.1rem solid var(--tag-#{$name}-border);`
`16`	`16`	`}`
`17`	`17`	`}`
	`18`	`+`
	`19`	`+ &__text {`
	`20`	`+ @media (max-width: $breakpoint-md) {`
	`21`	`+ display: none;`
	`22`	`+`
	`23`	`+ details[open] & {`
	`24`	`+ display: inline;`
	`25`	`+ }`
	`26`	`+ }`
	`27`	`+ }`
`18`	`28`	`}`