Fix mouse cursor on Celestial run buttons

It shouldn't be a pointer cursor in Doomed.
This commit is contained in:
Hirame1 2022-07-06 23:16:16 +07:00
parent e08663f9d1
commit 251d6747f6
7 changed files with 19 additions and 8 deletions

View File

@ -6146,7 +6146,6 @@ kbd {
margin: 1.5rem auto;
transition-duration: 0.2s;
animation: a-teresa-run-button__icon--glow 3s infinite;
cursor: pointer;
}
.c-teresa-run-button__icon:hover {
@ -6161,6 +6160,10 @@ kbd {
animation: a-teresa-run-button__icon--super-glow 1.2s infinite, a-teresa-run-button__icon--spin 5s infinite;
}
.c-celestial-run-button-pointer {
cursor: pointer;
}
@keyframes a-teresa-run-button__icon--glow {
0% { text-shadow: 0.1rem 0.1rem 0.3rem; }
50% { text-shadow: 0.1rem 0.1rem 0.8rem; }
@ -6321,7 +6324,6 @@ kbd {
transition-duration: 0.2s;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
}
.c-effarig-run-button--not-running {
@ -6742,7 +6744,6 @@ kbd {
margin: 1.5rem;
transition-duration: 0.2s;
animation: a-enslaved-run-button--spin 120s infinite linear;
cursor: pointer;
}
.c-enslaved-run-button__icon:hover {
@ -6951,6 +6952,8 @@ kbd {
justify-content: center;
align-items: center;
transform: skewY(-30deg) rotate(60deg);
-webkit-user-select: none;
user-select: none;
}
.l-v-reduction {
@ -6973,7 +6976,6 @@ kbd {
background: var(--color-v--base);
padding: 0.5rem;
transition-duration: 0.2s;
cursor: pointer;
}
.c-v-run-button:hover,
@ -7290,7 +7292,6 @@ kbd {
box-shadow: 0 0 0.7rem #9575cd, 0 0 0.7rem #9575cd inset;
margin: 1.5rem 0;
transition-duration: 0.2s;
cursor: pointer;
}
.c-ra-run-button__icon:hover {
@ -8343,7 +8344,6 @@ kbd {
margin: 1.5rem auto;
transition-duration: 0.2s;
animation: a-laitela-run-button__icon--scroll 15s infinite linear;
cursor: pointer;
}
.o-laitela-run-button__icon:hover {

View File

@ -40,7 +40,13 @@ export default {
],
symbol: () => GLYPH_SYMBOLS.effarig,
runButtonOuterClass() {
return this.isRunning ? "c-effarig-run-button--running" : "c-effarig-run-button--not-running";
return {
"l-effarig-run-button": true,
"c-effarig-run-button": true,
"c-effarig-run-button--running": this.isRunning,
"c-effarig-run-button--not-running": !this.isRunning,
"c-celestial-run-button-pointer": !this.isDoomed
};
},
runButtonInnerClass() {
return this.isRunning ? "c-effarig-run-button__inner--running" : "c-effarig-run-button__inner--not-running";
@ -161,7 +167,7 @@ export default {
{{ runDescription }}
</div>
<div
:class="['l-effarig-run-button', 'c-effarig-run-button', runButtonOuterClass]"
:class="runButtonOuterClass"
@click="startRun"
>
<div

View File

@ -53,6 +53,7 @@ export default {
return {
"c-enslaved-run-button__icon": true,
"c-enslaved-run-button__icon--running": this.isRunning,
"c-celestial-run-button-pointer": !this.isDoomed
};
},
runDescription() {

View File

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

View File

@ -68,6 +68,7 @@ export default {
return {
"c-ra-run-button__icon": true,
"c-ra-run-button__icon--running": this.isRunning,
"c-celestial-run-button-pointer": !this.isDoomed
};
},
runDescription() {

View File

@ -54,6 +54,7 @@ export default {
return {
"c-teresa-run-button__icon": true,
"c-teresa-run-button__icon--running": this.isRunning,
"c-celestial-run-button-pointer": !this.isDoomed
};
},
pourButtonClassObject() {

View File

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