Fix #20: Messages close icon position (#21)

primefaces · Sep 11, 2023 · 5c681f2 · 5c681f2
1 parent 049136d
commit 5c681f2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/theme-base/components/messages/_messages.scss b/theme-base/components/messages/_messages.scss
@@ -32,9 +32,9 @@ body {
     }
 
     .ui-messages-close {
-      position: absolute;
-      right: math.div(-1 * $actionIconWidth, 2);
-      top: math.div(-1 * $actionIconHeight, 2);
+      position: relative;
+      right: -1 * $actionIconWidth;
+      top: -1 * $actionIconHeight;
       @include action-icon();
       text-align: center;
       transition: background-color $transitionDuration;