From 56d8f42fe1a3ae343140c15a571487101529d82b Mon Sep 17 00:00:00 2001
From: Trungel <29035983+Trungel@users.noreply.github.com>
Date: Tue, 28 Sep 2021 00:15:36 +0200
Subject: [PATCH] Visual bug fixes
---
src/components/Tile.vue | 32 ++++++++++++++++++++++++++------
1 file changed, 26 insertions(+), 6 deletions(-)
diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index cbb97bb..2062937 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -1,7 +1,7 @@
<template>
<div id="parent" class="hexagon"
- :class="[tile.typeId, ((tile.x == store.state.centerX) && (tile.y == store.state.centerY))?'centerTile':'', isViewRadiusBorder()]">
+ :class="[tile.typeId,isViewRadiusBorder(), ((tile.x == store.state.centerX) && (tile.y == store.state.centerY))?'centerTile':'']">
<div class="hexTop" :class="((tile.x == store.state.centerX) && (tile.y == store.state.centerY))?'centerTop':''"></div>
<div class="hexBottom" :class="((tile.x == store.state.centerX) && (tile.y == store.state.centerY))?'centerBottom':''"></div>
@@ -116,11 +116,7 @@ button.without-icon i {
border-right: solid 3px #333333;
}
-.centerTile {
- z-index: 1002;
- border-left: solid 3px red;
- border-right: solid 3px red;
-}
+
.hexTop,
.hexBottom {
@@ -216,6 +212,15 @@ button.without-icon i {
.hexBottom{
border-left: dashed 3px blue;
}
+ .centerTop {
+ border-top: solid 4.2426px red;
+ border-right: solid 4.2426px red;
+ }
+
+ .centerBottom {
+ border-bottom: solid 4.2426px red;
+ border-left: solid 4.2426px red;
+ }
}
}
.shifted{
@@ -226,6 +231,15 @@ button.without-icon i {
.hexBottom{
border-bottom: dashed 3px blue;
}
+ .centerTop {
+ border-top: solid 4.2426px red;
+ border-right: solid 4.2426px red;
+ }
+
+ .centerBottom {
+ border-bottom: solid 4.2426px red;
+ border-left: solid 4.2426px red;
+ }
}
}
@@ -339,4 +353,10 @@ button.without-icon i {
border-bottom: solid 4.2426px red;
border-left: solid 4.2426px red;
}
+
+.centerTile {
+ z-index: 1002;
+ border-left: solid 3px red;
+ border-right: solid 3px red;
+}
</style>
--
GitLab