Nixyri/AntimatterDimensionsSourceCode
1
0
Fork 0
mirror of https://github.com/IvarK/AntimatterDimensionsSourceCode.git synced 2024-11-24 21:21:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make Effarig tab run container consistent with others,

Browse Source 
apply cursor not-allowed to various Doomed buttons
This commit is contained in:
SpectralFlame 2022-08-17 05:10:56 -05:00 committed by cyip92
parent f9ea1e58ca
commit fa69c3ea0f
10 changed files with 48 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
public/stylesheets/styles.css
View File

@ -4718,30 +4718,12 @@ br {
cursor: pointer;
}
.o-eternity-upgrade--useless-available {
.o-eternity-upgrade--useless {
color: black;
background-color: var(--color-pelle--base);
border-color: black;
}
.o-eternity-upgrade--useless-available:hover {
color: black;
background-color: var(--color-pelle--secondary);
}
.o-eternity-upgrade--useless-unavailable {
color: black;
background-color: var(--color-pelle--base);
border-color: black;
filter: grayscale(90%);
}
.o-eternity-upgrade--useless-unavailable:hover {
background-color: var(--color-bad);
filter: grayscale(0%);
cursor: default;
}
.o-eternity-upgrade--available {
color: var(--color-eternity);
background-color: black;
@ -5175,24 +5157,6 @@ br {
transition-duration: 0.2s;
}
.o-dilation-upgrade--useless-available {
color: var(--color-pelle--base);
border-color: var(--color-dilation);
animation: a-dilation-btn-glow 10s infinite;
cursor: pointer;
}
.o-dilation-upgrade--useless-available:hover {
color: var(--color-pelle--secondary);
}
.o-dilation-upgrade--useless-bought {
color: black;
background-color: var(--color-pelle--base) !important;
border-color: black;
filter: grayscale(50%);
}
.o-dilation-upgrade--available {
color: var(--color-dilation);
border-color: var(--color-dilation);
@ -5216,17 +5180,9 @@ br {
border-color: black;
}
.o-dilation-upgrade--useless-unavailable {
.o-dilation-upgrade--useless {
color: black;
background-color: var(--color-pelle--base) !important;
border-color: black;
filter: grayscale(90%);
}
.o-dilation-upgrade--useless-unavailable:hover {
background-color: var(--color-bad);
filter: grayscale(0%);
cursor: default;
background-color: var(--color-pelle--base);
}
.o-dilation-upgrade--unavailable {
@ -6658,11 +6614,14 @@ kbd {
width: 520px;
align-items: center;
margin-left: 3rem;
padding: 1rem;
border: var(--var-border-width, 0.2rem) solid var(--color-effarig--base);
border-radius: var(--var-border-radius, 0.5rem);
}
.c-effarig-run-description {
font-size: larger;
margin-top: 1rem;
margin: 0.5rem 0;
}
.l-effarig-tab__reward {
@ -9594,6 +9553,14 @@ input.o-automator-block-input {
text-decoration: line-through;
}
.o-pelle-disabled-pointer {
cursor: not-allowed;
}
.o-pelle-disabled-pointer:active {
pointer-events: none;
}
.c-pelle-panel-title {
position: relative;
font-size: 3rem;
@ -9621,3 +9588,4 @@ input.o-automator-block-input {
width: 100%;
height: 100%;
}
}

1
src/components/InfinityUpgradeButton.vue
View File

@ -58,6 +58,7 @@ export default {
"o-infinity-upgrade-btn--chargeable": !this.isCharged && this.chargePossible &&
(this.showingCharged || this.shiftDown),
"o-infinity-upgrade-btn--charged": this.isCharged,
"o-pelle-disabled-pointer": this.isUseless
};
},
isImprovedByTS31() {

12
src/components/tabs/celestial-effarig/EffarigTab.vue
View File

@ -46,7 +46,8 @@ export default {
"c-effarig-run-button": true,
"c-effarig-run-button--running": this.isRunning,
"c-effarig-run-button--not-running": !this.isRunning,
"c-celestial-run-button--clickable": !this.isDoomed
"c-celestial-run-button--clickable": !this.isDoomed,
"o-pelle-disabled-pointer": this.isDoomed
};
},
runButtonInnerClass() {
@ -162,15 +163,9 @@ export default {
class="l-effarig-run"
>
<div class="c-effarig-run-description">
<div v-if="isRunning">
You are in Effarig's Reality - give up?
</div>
<br>
<span :class="{ 'o-pelle-disabled': isDoomed }">
Enter Effarig's Reality.
</span>
<br>
{{ runDescription }}
</div>
<div
:class="runButtonOuterClass"
@ -183,6 +178,9 @@ export default {
{{ symbol }}
</div>
</div>
<div class="c-effarig-run-description">
{{ runDescription }}
</div>
<EffarigRunUnlockReward
v-for="(unlock, i) in runUnlocks"
:key="i"

5
src/components/tabs/celestial-enslaved/EnslavedTab.vue
View File

@ -57,7 +57,8 @@ export default {
return {
"c-enslaved-run-button__icon": true,
"c-enslaved-run-button__icon--running": this.isRunning,
"c-celestial-run-button--clickable": !this.isDoomed
"c-celestial-run-button--clickable": !this.isDoomed,
"o-pelle-disabled-pointer": this.isDoomed
};
},
runDescription() {
@ -76,7 +77,7 @@ export default {
"o-enslaved-mechanic-button": true,
"o-enslaved-mechanic-button--storing-time": this.isStoringBlackHole,
"l-fixed-setting": !this.canChangeStoreTime,
"o-pelle-disabled": this.isDoomed
"o-pelle-disabled": this.isDoomed,
};
},
storeRealTimeClass() {

3
src/components/tabs/celestial-laitela/LaitelaRunButton.vue
View File

@ -51,7 +51,8 @@ export default {
return {
"o-laitela-run-button__icon": true,
"o-laitela-run-button__icon--running": this.isRunning,
"c-celestial-run-button--clickable": !this.isDoomed
"c-celestial-run-button--clickable": !this.isDoomed,
"o-pelle-disabled-pointer": this.isDoomed
};
},
}

3
src/components/tabs/celestial-ra/RaTab.vue
View File

@ -69,7 +69,8 @@ export default {
return {
"c-ra-run-button__icon": true,
"c-ra-run-button__icon--running": this.isRunning,
"c-celestial-run-button--clickable": !this.isDoomed
"c-celestial-run-button--clickable": !this.isDoomed,
"o-pelle-disabled-pointer": this.isDoomed
};
},
runDescription() {

9
src/components/tabs/celestial-teresa/TeresaTab.vue
View File

@ -55,7 +55,8 @@ export default {
return {
"c-teresa-run-button__icon": true,
"c-teresa-run-button__icon--running": this.isRunning,
"c-celestial-run-button--clickable": !this.isDoomed
"c-celestial-run-button--clickable": !this.isDoomed,
"o-pelle-disabled-pointer": this.isDoomed
};
},
pourButtonClassObject() {
@ -147,15 +148,15 @@ export default {
class="l-teresa-mechanic-container"
>
<div class="c-teresa-unlock c-teresa-run-button">
<span :class="{ 'o-pelle-disabled': isDoomed }">
Start Teresa's Reality.
</span>
<div
:class="runButtonClassObject"
@click="startRun()"
>
Ϟ
</div>
<span :class="{ 'o-pelle-disabled': isDoomed }">
Start Teresa's Reality.
</span>
{{ runDescription }}
<br><br>
<div v-if="bestAM.gt(0)">

3
src/components/tabs/celestial-v/VTab.vue
View File

@ -82,7 +82,8 @@ export default {
"l-v-hexagon": true,
"c-v-run-button": true,
"c-v-run-button--running": this.isRunning,
"c-celestial-run-button--clickable": !this.isDoomed
"c-celestial-run-button--clickable": !this.isDoomed,
"o-pelle-disabled-pointer": this.isDoomed
};
},
runDescription() {

4
src/components/tabs/eternity-upgrades/EPMultiplierButton.vue
View File

@ -28,8 +28,8 @@ export default {
if (this.isDoomed) {
return {
"o-eternity-upgrade": true,
"o-eternity-upgrade--useless-available": this.isAffordable,
"o-eternity-upgrade--useless-unavailable": !this.isAffordable
"o-eternity-upgrade--useless": !this.isAffordable,
"o-pelle-disabled-pointer": true
};
}
return {

16
src/components/tabs/time-dilation/DilationUpgradeButton.vue
View File

@ -37,15 +37,19 @@ export default {
},
computed: {
classObject() {
if (this.isUseless) {
return {
"o-dilation-upgrade": true,
"o-dilation-upgrade--useless": true,
"o-pelle-disabled-pointer": true
};
}
return {
"o-dilation-upgrade": true,
"o-dilation-upgrade--rebuyable": this.isRebuyable,
"o-dilation-upgrade--useless-available": this.isUseless && !this.isBought && this.isAffordable,
"o-dilation-upgrade--useless-unavailable": this.isUseless && !this.isBought && !this.isAffordable,
"o-dilation-upgrade--useless-bought": this.isUseless && this.isBought,
"o-dilation-upgrade--available": !this.isUseless && !this.isBought && !this.isCapped && this.isAffordable,
"o-dilation-upgrade--unavailable": !this.isUseless && !this.isBought && !this.isCapped && !this.isAffordable,
"o-dilation-upgrade--bought": !this.isUseless && this.isBought,
"o-dilation-upgrade--available": !this.isBought && !this.isCapped && this.isAffordable,
"o-dilation-upgrade--unavailable": !this.isBought && !this.isCapped && !this.isAffordable,
"o-dilation-upgrade--bought": this.isBought,
"o-dilation-upgrade--capped": this.isCapped,
};
},