move ach sprite sheet into 3 seperate ones

This commit is contained in:
Omsi 2019-07-16 11:40:35 -07:00
parent 0b171f0d86
commit 9302c19bc6
7 changed files with 17 additions and 8 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 615 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 431 KiB

View File

@ -19,11 +19,6 @@ Vue.component("normal-achievement", {
},
styleObject() {
const id = this.id;
if (Theme.current().name === "S4") {
return {
"background-position": `-${(id % 10 - 1) * 104}px -${1560 + (Math.floor(id / 10) - 1) * 104}px`
};
}
return { "background-position": `-${(id % 10 - 1) * 104}px -${(Math.floor(id / 10) - 1) * 104}px` };
},
classObject() {
@ -32,7 +27,9 @@ Vue.component("normal-achievement", {
"o-achievement--locked": !this.isUnlocked,
"o-achievement--unlocked": this.isUnlocked && this.isEnabled,
"o-achievement--disabled": this.isUnlocked && !this.isEnabled,
"o-achievement--blink": this.id === 78 && !this.isUnlocked
"o-achievement--blink": this.id === 78 && !this.isUnlocked,
"o-achievement--normal": Theme.current().name !== "S4",
"o-achievement--cancer": Theme.current().name === "S4"
};
},
detailsTooltip() {

View File

@ -27,7 +27,8 @@ Vue.component("secret-achievement", {
return {
"o-achievement": true,
"o-achievement--hidden": !this.isUnlocked,
"o-achievement--unlocked": this.isUnlocked
"o-achievement--unlocked": this.isUnlocked,
"o-achievement--secret": true
};
},
tooltip() {

View File

@ -2723,13 +2723,24 @@ screen and (max-width: 480px) {
margin: 0 auto;
text-align: center;
font-family: TypeWriter, serif;
background-image: url("../images/achievements.png");
color: black;
font-size: .8rem;
user-select: none;
border: .2rem solid;
}
.o-achievement--normal {
background-image: url("../images/normal achievements.png");
}
.o-achievement--cancer {
background-image: url("../images/cancer achievements.png");
}
.o-achievement--secret {
background-image: url("../images/secret achievements.png");
}
.o-achievement--locked {
background-color: #a3a3a3;
border-color: #b84b5f;