fix: set max-width on Icon (commaai#555)

incognitojam · web-flow · commit dab9358279e4 · 2025-04-12T13:32:17.000+01:00
diff --git a/src/index.css b/src/index.css
@@ -181,25 +181,23 @@
   .material-symbols-outlined {
     transition: font-variation-settings 0.2s;
     font-variation-settings: "FILL" var(--font-filled, 0), "OPSZ" var(--font-opsz, 24);
+    font-size: calc(var(--font-opsz, 24) * 1px);
+    max-width: calc(var(--font-opsz, 24) * 1px);
 
     &.size-20 {
       --font-opsz: 20;
-      font-size: 20px;
     }
 
     &.size-24 {
       --font-opsz: 24;
-      font-size: 24px;
     }
 
     &.size-40 {
       --font-opsz: 40;
-      font-size: 40px;
     }
 
     &.size-48 {
       --font-opsz: 48;
-      font-size: 48px;
     }
 
     &.icon-outline {

Original file line number	Diff line number	Diff line change
`@@ -181,25 +181,23 @@`
`181`	`181`	`.material-symbols-outlined {`
`182`	`182`	`transition: font-variation-settings 0.2s;`
`183`	`183`	`font-variation-settings: "FILL" var(--font-filled, 0), "OPSZ" var(--font-opsz, 24);`
	`184`	`+ font-size: calc(var(--font-opsz, 24) * 1px);`
	`185`	`+ max-width: calc(var(--font-opsz, 24) * 1px);`
`184`	`186`
`185`	`187`	`&.size-20 {`
`186`	`188`	`--font-opsz: 20;`
`187`		`- font-size: 20px;`
`188`	`189`	`}`
`189`	`190`
`190`	`191`	`&.size-24 {`
`191`	`192`	`--font-opsz: 24;`
`192`		`- font-size: 24px;`
`193`	`193`	`}`
`194`	`194`
`195`	`195`	`&.size-40 {`
`196`	`196`	`--font-opsz: 40;`
`197`		`- font-size: 40px;`
`198`	`197`	`}`
`199`	`198`
`200`	`199`	`&.size-48 {`
`201`	`200`	`--font-opsz: 48;`
`202`		`- font-size: 48px;`
`203`	`201`	`}`
`204`	`202`
`205`	`203`	`&.icon-outline {`