Add comment for box shadow override

1 files changed, 3 insertions, 0 deletions

diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
index 2fae1fb8..b2e12dab 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
@@ -19,6 +19,9 @@ object GameStyles : StyleSheet("GameStyles", isStatic = true) {
             put("fill", bgColor.toString()) // overrides default white arrow
         }
         descendants(".bp3-popover-arrow::before") {
+            // The popover arrow is implemented with a simple square rotated 45 degrees (like a rhombus).
+            // Since we use a semi-transparent background, we can see the box shadow of the rest of the arrow through
+            // the popover, and thus we see the square. This boxShadow(transparent) is to avoid that.
             boxShadow(Color.transparent)
         }
     }