fix: adjust emoji buttons sizes and selector shadow on safari (#341)

covaci-edvin · web-flow · commit 4194a2b05663 · 2025-10-16T12:46:09.000+02:00
diff --git a/design-library/src/components/BccReact/BccReact.css b/design-library/src/components/BccReact/BccReact.css
@@ -22,7 +22,7 @@
   }
 
   .bcc-react-selector {
-    @apply flex h-9 flex-col overflow-hidden bg-neutral-100 px-0 drop-shadow-md;
+    @apply flex h-9 flex-col overflow-hidden bg-neutral-100 px-0 shadow-md;
     border-radius: 18px;
   }
 
@@ -58,8 +58,7 @@
   }
 
   .bcc-react-selector-item {
-    @apply p-2 text-xl leading-none transition-transform duration-200 ease-out;
-    position: relative;
+    @apply p-2 text-xl leading-none transition-transform duration-200 ease-out h-9 w-9 relative;
   }
 
   .bcc-react-selector-item--clicked {

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.bcc-react-selector {`
`25`		`- @apply flex h-9 flex-col overflow-hidden bg-neutral-100 px-0 drop-shadow-md;`
	`25`	`+ @apply flex h-9 flex-col overflow-hidden bg-neutral-100 px-0 shadow-md;`
`26`	`26`	`border-radius: 18px;`
`27`	`27`	`}`
`28`	`28`
`@@ -58,8 +58,7 @@`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`.bcc-react-selector-item {`
`61`		`- @apply p-2 text-xl leading-none transition-transform duration-200 ease-out;`
`62`		`- position: relative;`
	`61`	`+ @apply p-2 text-xl leading-none transition-transform duration-200 ease-out h-9 w-9 relative;`
`63`	`62`	`}`
`64`	`63`
`65`	`64`	`.bcc-react-selector-item--clicked {`