add shadow to annotation tag

> > Co-authored-by: dav1312
franciscoBSalgueiro · Nov 15, 2023 · bd9bb22 · bd9bb22
1 parent 0df6be2
commit bd9bb22
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/boards/BoardPlay.tsx b/src/components/boards/BoardPlay.tsx
@@ -526,13 +526,20 @@ function AnnotationHint({
           <Avatar
             sx={{
               transform: "translateY(-40%) translateX(-50%)",
-              zIndex: 100
+              zIndex: 100,
+              filter: "url(#shadow)",
+              overflow: "initial"
             }}
             radius="xl"
             color={color}
             variant="filled"
           >
             <svg viewBox="0 0 100 100" width="100%" height="100%">
+              <defs>
+                <filter id="shadow">
+                  <feDropShadow dx="0" dy="1" floodOpacity="0.3" stdDeviation="0"></feDropShadow>
+                </filter>
+              </defs>
               <g>{glyphToSvg[annotation]}</g>
             </svg>
           </Avatar>