AD and Tickspeed buttons when Continuum is active

public/stylesheets/styles.css

@@ -1547,6 +1547,7 @@ br {
   width: 17rem;
   font-size: 1.2rem;
   margin-right: 0.4rem;
+  transition: width 0s
 }
 
 .o-primary-btn--buy-max {
@@ -1584,6 +1585,7 @@ br {
   width: 100%;
   max-width: 20rem;
   margin: 0 0.5rem;
+  cursor: auto;
 }
 
 .o-primary-btn--dimboost {

src/components/tabs/antimatter-dimensions/ClassicAntimatterDimensionRow.vue

@@ -152,7 +152,7 @@ export default {
     <div class="l-dim-row-multi-button-container">
       <PrimaryButton
         v-if="!isContinuumActive"
-        v-tooltip="boughtTooltip"
+        :ach-tooltip="boughtTooltip"
         :enabled="isAffordable && !isCapped && isUnlocked"
         class="o-primary-btn--buy-ad o-primary-btn--buy-single-ad"
         :class="singlesClass()"

src/components/tabs/antimatter-dimensions/ModernAntimatterDimensionRow.vue

@@ -113,6 +113,14 @@ export default {
     showCostTitle(value) {
       return value.exponent < 1000000;
     },
+    buttonClass() {
+      return {
+        "o-primary-btn": true,
+        "o-primary-btn--new": true,
+        "o-primary-btn--disabled": (!this.isAffordable && !this.isContinuumActive) || !this.isUnlocked || this.isCapped,
+        "o-non-clickable": this.isContinuumActive
+      };
+    },
     tutorialClass() {
       if (this.tier === 1) {
         return Tutorial.glowingClass(TUTORIAL_STATE.DIM1, this.isAffordable);
@@ -143,8 +151,7 @@ export default {
     />
     <div class="l-dim-row-multi-button-container">
       <button
-        class="o-primary-btn o-primary-btn--new"
-        :class="{ 'o-primary-btn--disabled': (!isAffordable && !isContinuumActive) || !isUnlocked || isCapped}"
+        :class="buttonClass()"
         @click="buy"
       >
         <div
@@ -182,4 +189,8 @@ export default {
   display: flex;
   flex-direction: column;
 }
+
+.o-non-clickable {
+  cursor: auto;
+}
 </style>

src/components/tabs/antimatter-dimensions/TickspeedRow.vue

@@ -73,6 +73,14 @@ export default {
       this.galaxyCount = player.galaxies;
       this.isContinuumActive = Laitela.continuumActive;
       if (this.isContinuumActive) this.continuumValue = Tickspeed.continuumValue;
+    },
+    buttonClass() {
+      return {
+        "o-primary-btn": true,
+        "tickspeed-btn": true,
+        "o-primary-btn--disabled": !this.isAffordable && !this.isContinuumActive,
+        "o-non-clickable": this.isContinuumActive
+      };
     }
   }
 };
@@ -89,8 +97,7 @@ export default {
     <div class="tickspeed-buttons">
       <button
         v-tooltip="upgradeCount"
-        class="o-primary-btn tickspeed-btn"
-        :class="{ 'o-primary-btn--disabled': !isAffordable && !isContinuumActive }"
+        :class="buttonClass()"
         onclick="buyTickSpeed()"
       >
         <span v-if="isContinuumActive">
@@ -120,4 +127,8 @@ export default {
 .tickspeed-max-btn {
   margin-left: 0.5rem;
 }
+
+.o-non-clickable {
+  cursor: auto;
+}
 </style>

src/components/ui-modes/HeaderTickspeedRow.vue

@@ -75,6 +75,12 @@ export default {
       this.galaxyCount = player.galaxies;
       this.isContinuumActive = Laitela.continuumActive;
       if (this.isContinuumActive) this.continuumValue = Tickspeed.continuumValue;
+    },
+    buttonClass() {
+      return {
+        "o-primary-btn--tickspeed": true,
+        "o-continuum": this.isContinuumActive
+      };
     }
   },
 };
@@ -86,9 +92,8 @@ export default {
     <div>
       <PrimaryButton
         v-tooltip="upgradeCount"
-        :enabled="isAffordable"
-        class="o-primary-btn--tickspeed"
-        :style="{ width: isContinuumActive ? '25rem' : ''}"
+        :enabled="isAffordable || isContinuumActive"
+        :class="buttonClass()"
         onclick="buyTickSpeed()"
       >
         <span v-if="isContinuumActive">Continuum: {{ continuumString }}</span>
@@ -112,5 +117,9 @@ export default {
 </template>
 
 <style scoped>
-
+.o-continuum {
+  width: 25rem;
+  transition: width 0s;
+  cursor: auto;
+}
 </style>