fix(avatar): remove margin-block-end for plain variant mobile viewp…

…orts (#2150) fix(avatar): remove margin for mobile viewports and `plain` variant
RedHat-UX · Feb 9, 2025 · 7ab9dc5 · 7ab9dc5
1 parent d1182b0
commit 7ab9dc5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/warm-forks-switch.md b/.changeset/warm-forks-switch.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-avatar>`: corrected small viewport margin for `plain` variant avatars
diff --git a/elements/rh-avatar/rh-avatar.css b/elements/rh-avatar/rh-avatar.css
@@ -57,7 +57,7 @@
 }
 
 :host([layout='block']) :is(img, canvas, svg),
-#container.mobile :is(img, canvas, svg) {
+:host(:not([plain])) #container.mobile :is(img, canvas, svg) {
   margin-block-end: var(--rh-space-lg, 16px);
 }