| summaryrefslogtreecommitdiff |
diff options
Diffstat (limited to 'src/battlemap')
| -rw-r--r-- | src/battlemap/src/Struct/Tile.elm | 2 | ||||
| -rw-r--r-- | src/battlemap/src/View/Battlemap/Navigator.elm | 23 | ||||
| -rw-r--r-- | src/battlemap/www/style.css | 28 |
3 files changed, 41 insertions, 12 deletions
diff --git a/src/battlemap/src/Struct/Tile.elm b/src/battlemap/src/Struct/Tile.elm index 92abc19..984fc04 100644 --- a/src/battlemap/src/Struct/Tile.elm +++ b/src/battlemap/src/Struct/Tile.elm @@ -50,7 +50,7 @@ get_location tile = tile.location get_icon_id : Type -> String get_icon_id tile = -- Just to see how it looks with SVG - (toString (rem tile.crossing_cost 3)) + (toString (rem tile.crossing_cost 4)) get_cost : Type -> Int get_cost tile = tile.crossing_cost diff --git a/src/battlemap/src/View/Battlemap/Navigator.elm b/src/battlemap/src/View/Battlemap/Navigator.elm index 85a3bea..f5bf209 100644 --- a/src/battlemap/src/View/Battlemap/Navigator.elm +++ b/src/battlemap/src/View/Battlemap/Navigator.elm @@ -64,16 +64,25 @@ marker_get_html is_interactive (loc_ref, marker) = ] ++ ( - if (is_interactive && (marker == Struct.Marker.CanGoTo)) + if (is_interactive) then + if (marker == Struct.Marker.CanGoTo) + then + [ + (Html.Attributes.class "battlemap-navigator-interactive"), + (Html.Attributes.class "clickable"), + (Html.Events.onClick + (Struct.Event.TileSelected loc_ref) + ) + ] + else + [ + (Html.Attributes.class "battlemap-navigator-interactive") + ] + else [ - (Html.Attributes.class "clickable"), - (Html.Events.onClick - (Struct.Event.TileSelected loc_ref) - ) + (Html.Attributes.class "battlemap-navigator-non-interactive") ] - else - [] ) ) [ diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css index 6b802b3..e22d606 100644 --- a/src/battlemap/www/style.css +++ b/src/battlemap/www/style.css @@ -463,6 +463,7 @@ .battlemap-marker-icon {z-index: 2;} .battlemap-path-icon-above-markers {z-index: 3;} .battlemap-character-icon {z-index: 4;} +.battlemap-marker-icon.battlemap-navigator-non-interactive {z-index: 5;} .battlemap-marker-icon, .battlemap-character-icon, @@ -515,7 +516,16 @@ transform: scale(-1, 1); } -.battlemap-marker-icon +.battlemap-marker-icon.battlemap-navigator-non-interactive +{ + box-sizing: border-box; + width: 16px; + height: 16px; + background-size: 100%; + opacity: 0.7; +} + +.battlemap-marker-icon.battlemap-navigator-interactive { box-sizing: border-box; width: 24px; @@ -532,20 +542,20 @@ 0px -1px 2px #333; } -.battlemap-can-go-to-marker +.battlemap-can-go-to-marker.battlemap-navigator-interactive { background-color: #FFF; opacity: 0.3; transition: opacity 0.3s ease-out; } -.battlemap-can-go-to-marker:hover +.battlemap-can-go-to-marker.battlemap-navigator-interactive:hover { background-color: rgba(255, 255, 255, 0.9); opacity: 1; } -.battlemap-can-attack-marker +.battlemap-can-attack-marker.battlemap-navigator-interactive { background-color:rgba(0,0,0,0.7); width: 28px; @@ -556,6 +566,16 @@ border-radius: 0; } +.battlemap-can-attack-marker.battlemap-navigator-non-interactive +{ + background-image: url(/asset/svg/marker/blade.svg); +} + +.battlemap-can-go-to-marker.battlemap-navigator-non-interactive +{ + background-image: url(/asset/svg/marker/pawprint.svg); +} + .battlemap-cant-defend-marker { background: |