[DSC-2548] apply Chrome SVG fallback for non-explicitly sized containers in Firefox

Andrea Barbasso · Andrea Barbasso · commit c72bf64105b8 · 2025-10-20T17:32:48.000+02:00
diff --git a/src/app/thumbnail/thumbnail.component.scss b/src/app/thumbnail/thumbnail.component.scss
@@ -4,6 +4,10 @@
 
 img {
   max-width: 100%;
+  // Apply Chrome SVG fallback for non-explicitly sized containers in Firefox
+  &[src$=".svg"] {
+    width: 300px !important;
+  }
 }
 
 .outer {  // .outer/.inner generated ~ https://ratiobuddy.com/

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,10 @@`
`4`	`4`
`5`	`5`	`img {`
`6`	`6`	`max-width: 100%;`
	`7`	`+ // Apply Chrome SVG fallback for non-explicitly sized containers in Firefox`
	`8`	`+ &[src$=".svg"] {`
	`9`	`+ width: 300px !important;`
	`10`	`+ }`
`7`	`11`	`}`
`8`	`12`
`9`	`13`	`.outer { // .outer/.inner generated ~ https://ratiobuddy.com/`