Add webkit-filter

Thrillberg · Dec 23, 2024 · 6371f9f · 6371f9f
1 parent 9cd9635
commit 6371f9f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/app/javascript/src/assets/styles.css b/app/javascript/src/assets/styles.css
@@ -1,10 +1,12 @@
 .hoverable {
   stroke-width: 0.5px;
   filter: brightness(0.7);
+  -webkit-filter: brightness(0.7);
 }
 
 .hoverable:hover {
   filter: url(#brightness);
+  -webkit-filter: url(#brightness);
 }
 
 .tooltip .tooltip-text {

diff --git a/app/javascript/src/components/Province.vue b/app/javascript/src/components/Province.vue
@@ -145,9 +145,9 @@ export default {
     province.prepend(provincePath, province.children[0]);
     // Add hoverable effect for maneuvers
     if (this.isValid) {
-      this.$refs.province.children[0].classList.add('hoverable');
+      this.$refs.province.classList.add('hoverable');
     } else {
-      this.$refs.province.children[0].classList.remove('hoverable');
+      this.$refs.province.classList.remove('hoverable');
     }
     if (this.provinceWithFight) {
       this.$refs.province.children[0].children[0].animate([

diff --git a/app/javascript/src/views/Game.vue b/app/javascript/src/views/Game.vue
@@ -74,7 +74,7 @@
           Clone game
         </v-btn>
       </v-col>
-      <v-col class="text-right my-auto mx-2">
+      <v-col class="text-right my-auto mx-2" v-if="gameData.timeCommitment">
         <span><v-icon icon="$timerSand" /> <b>Time Commitment:</b> {{ timeCommitment(gameData.timeCommitment) }}</span>
       </v-col>
       <v-col