diff --git a/client/src/Board.css b/client/src/Board.css index 0fead34..0732d88 100644 --- a/client/src/Board.css +++ b/client/src/Board.css @@ -16,12 +16,18 @@ } .Tile { + z-index: 5; /* Below Road and Corner */ position: absolute; background-position-y: 0px; background-size: cover; transform: translate(-50%, -50%) rotate(-30deg); } +.Tile.Active { + z-index: 10; /* Above non-Active Tile, below Road and Corner */ + filter: drop-shadow(8px 8px 12px black); +} + .Border { position: absolute; transform-origin: 0 0; @@ -29,6 +35,7 @@ } .Pip { + z-index: 50; /* Above Tile (5,10), Road (12), Corner (20) */ position: absolute; background-size: 600% auto; /* pip-numbers is a 6x6 grid of pip images */ width: 2em; @@ -53,7 +60,7 @@ .Corner { filter: drop-shadow(2.5px 2.5px 1.5px rgba(0, 0, 0, 0.75)); - z-index: 10; + z-index: 20; /* Above Tile, below Road */ position: absolute; display: flex; align-items: center; @@ -62,7 +69,6 @@ width: 1.5em; height: 1.5em; transform: translate(-50%, -50%); - z-index: 5; pointer-events: none; } @@ -93,7 +99,7 @@ transform-origin: 50% 0; width: 0.5em; height: 2.5em; - z-index: 0; + z-index: 11; /* Above Tile, below Corner */ pointer-events: none; }