fix(Message): updated compact message avatar size (#754)

thatblindgeye · web-flow · commit d42bc2a4d4a4 · 2025-11-07T14:56:25.000-05:00
Allowed overriding img size with avatarProps size

Co-authored-by: Eric Olkowski &lt;git.eric@thatblindgeye.dev&gt;
diff --git a/packages/module/src/Message/Message.scss b/packages/module/src/Message/Message.scss
@@ -18,8 +18,10 @@
   }
 
   &-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {
-    --pf-v6-c-avatar--Width: 3rem;
-    --pf-v6-c-avatar--Height: 3rem;
+    &:not(.pf-m-xl, .pf-m-lg, .pf-m-md, .pf-m-sm) {
+      --pf-v6-c-avatar--Width: 3rem;
+      --pf-v6-c-avatar--Height: 3rem;
+    }
     --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
   }
 
@@ -169,8 +171,10 @@
   }
 
   .pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {
-    --pf-v6-c-avatar--Width: 2rem;
-    --pf-v6-c-avatar--Height: 2rem;
+    &:not(.pf-m-xl, .pf-m-lg, .pf-m-md, .pf-m-sm) {
+      --pf-v6-c-avatar--Width: 1.5rem;
+      --pf-v6-c-avatar--Height: 1.5rem;
+    }
   }
 
   .pf-chatbot__message-contents {

Original file line number	Diff line number	Diff line change
`@@ -18,8 +18,10 @@`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`&-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {`
`21`		`- --pf-v6-c-avatar--Width: 3rem;`
`22`		`- --pf-v6-c-avatar--Height: 3rem;`
	`21`	`+ &:not(.pf-m-xl, .pf-m-lg, .pf-m-md, .pf-m-sm) {`
	`22`	`+ --pf-v6-c-avatar--Width: 3rem;`
	`23`	`+ --pf-v6-c-avatar--Height: 3rem;`
	`24`	`+ }`
`23`	`25`	`--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);`
`24`	`26`	`}`
`25`	`27`
`@@ -169,8 +171,10 @@`
`169`	`171`	`}`
`170`	`172`
`171`	`173`	`.pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {`
`172`		`- --pf-v6-c-avatar--Width: 2rem;`
`173`		`- --pf-v6-c-avatar--Height: 2rem;`
	`174`	`+ &:not(.pf-m-xl, .pf-m-lg, .pf-m-md, .pf-m-sm) {`
	`175`	`+ --pf-v6-c-avatar--Width: 1.5rem;`
	`176`	`+ --pf-v6-c-avatar--Height: 1.5rem;`
	`177`	`+ }`
`174`	`178`	`}`
`175`	`179`
`176`	`180`	`.pf-chatbot__message-contents {`