Resolves: #224 - Close button is always visible on toast when defined (…

…#227)
emilkowalski · Dec 23, 2023 · 9b0dcae · 9b0dcae · vercel · Dec 23, 2023
1 parent c4ff085
commit 9b0dcae
Showing 1 changed file with 0 additions and 11 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -218,7 +218,6 @@ html[dir='rtl'],
   border: 1px solid var(--gray4);
   transform: var(--toast-close-button-transform);
   border-radius: 50%;
-  opacity: 0;
   cursor: pointer;
   z-index: 1;
   transition: opacity 100ms, background 200ms, border-color 200ms;
@@ -232,16 +231,6 @@ html[dir='rtl'],
   cursor: not-allowed;
 }
 
-[data-sonner-toast]:hover [data-close-button] {
-  opacity: 1;
-}
-[data-sonner-toast]:focus [data-close-button] {
-  opacity: 1;
-}
-[data-sonner-toast]:focus-within [data-close-button] {
-  opacity: 1;
-}
-
 [data-sonner-toast]:hover [data-close-button]:hover {
   background: var(--gray2);
   border-color: var(--gray5);