fixed both mobile & desktop icons showing up in the header regardless of screen size

Oaphi · Oaphi · commit e623a62c21b1 · 2026-01-26T01:54:33.000+03:00
diff --git a/app/assets/stylesheets/utilities.scss b/app/assets/stylesheets/utilities.scss
@@ -263,13 +263,15 @@ div:hover > .copy-button {
   }
 }
 
-.__mobile-only {
+.__mobile-only,
+a.__mobile-only:any-link {
   @media screen and (min-width: $screen-sm) {
     display: none;
   }
 }
 
-.__desktop-only {
+.__desktop-only,
+a.__desktop-only:any-link {
   @media screen and (max-width: $screen-sm) {
     display: none;
   }

Original file line number	Diff line number	Diff line change
`@@ -263,13 +263,15 @@ div:hover > .copy-button {`
`263`	`263`	`}`
`264`	`264`	`}`
`265`	`265`
`266`		`-.__mobile-only {`
	`266`	`+.__mobile-only,`
	`267`	`+a.__mobile-only:any-link {`
`267`	`268`	`@media screen and (min-width: $screen-sm) {`
`268`	`269`	`display: none;`
`269`	`270`	`}`
`270`	`271`	`}`
`271`	`272`
`272`		`-.__desktop-only {`
	`273`	`+.__desktop-only,`
	`274`	`+a.__desktop-only:any-link {`
`273`	`275`	`@media screen and (max-width: $screen-sm) {`
`274`	`276`	`display: none;`
`275`	`277`	`}`