fix: fix unexpected CSS overwriting on button element

Fixes: #2377
gpbl · Aug 21, 2024 · 918d39e · 918d39e
1 parent e44717d
commit 918d39e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 36 deletions.
diff --git a/src/style.css b/src/style.css
@@ -73,17 +73,6 @@
   box-sizing: border-box;
 }
 
-/* Reset buttons */
-.rdp-root button {
-  border: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
-}
-
 .rdp-day {
   width: var(--rdp-day-width);
   height: var(--rdp-day-height);
@@ -92,6 +81,12 @@
 }
 
 .rdp-day_button {
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
   justify-content: center;
   align-items: center;
   display: flex;
@@ -119,20 +114,20 @@
 
 .rdp-button_next,
 .rdp-button_previous {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
   -moz-appearance: none;
   -webkit-appearance: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  margin: 0;
-  padding: 0;
   position: relative;
-  font: inherit;
   appearance: none;
-  background: none;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
 
   width: var(--rdp-nav_button-width);
   height: var(--rdp-nav_button-height);

diff --git a/src/style.module.css b/src/style.module.css
@@ -73,17 +73,6 @@
   box-sizing: border-box;
 }
 
-/* Reset buttons */
-.root button {
-  border: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
-}
-
 .day {
   width: var(--rdp-day-width);
   height: var(--rdp-day-height);
@@ -92,6 +81,12 @@
 }
 
 .day_button {
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
   justify-content: center;
   align-items: center;
   display: flex;
@@ -119,20 +114,20 @@
 
 .button_next,
 .button_previous {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
   -moz-appearance: none;
   -webkit-appearance: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  margin: 0;
-  padding: 0;
   position: relative;
-  font: inherit;
   appearance: none;
-  background: none;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
 
   width: var(--rdp-nav_button-width);
   height: var(--rdp-nav_button-height);