feat: Only show icon for expanders on mobile

MoritzWeber0 · MoritzWeber0 · commit 83641b2f49a3 · 2025-11-29T23:00:33.000+01:00
diff --git a/assets/sass/trainCategory.scss b/assets/sass/trainCategory.scss
@@ -18,14 +18,23 @@
   gap: 0.6rem;
 }
 
-.o-expander__summary--train-category {
+details.o-expander__summary--train-category {
   &:hover,
   &:focus {
     .o-train-category__title-text {
       text-decoration: underline;
     }
   }
 }
+
+details.o-expander--train-category:not([open]) {
+  @media (max-width: $breakpoint-md) {
+    .a-tag__text {
+      display: none;
+    }
+  }
+}
+
 .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
`@@ -18,14 +18,23 @@`
`18`	`18`	`gap: 0.6rem;`
`19`	`19`	`}`
`20`	`20`
`21`		`-.o-expander__summary--train-category {`
	`21`	`+details.o-expander__summary--train-category {`
`22`	`22`	`&:hover,`
`23`	`23`	`&:focus {`
`24`	`24`	`.o-train-category__title-text {`
`25`	`25`	`text-decoration: underline;`
`26`	`26`	`}`
`27`	`27`	`}`
`28`	`28`	`}`
	`29`	`+`
	`30`	`+details.o-expander--train-category:not([open]) {`
	`31`	`+ @media (max-width: $breakpoint-md) {`
	`32`	`+ .a-tag__text {`
	`33`	`+ display: none;`
	`34`	`+ }`
	`35`	`+ }`
	`36`	`+}`
	`37`	`+`
`29`	`38`	`.o-train-category__content {`
`30`	`39`	`.m-text-highlight {`
`31`	`40`	`&--important,`