diff --git a/.eslintrc.json b/.eslintrc.json index 545ec52910..8fe9aedcb8 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -189,7 +189,7 @@ "max-len": [ "warn", { - "code": 120 + "code": 140 } ], "max-params": "warn", diff --git a/public/stylesheets/styles.css b/public/stylesheets/styles.css index 65880c8e5c..010fd13732 100644 --- a/public/stylesheets/styles.css +++ b/public/stylesheets/styles.css @@ -50,6 +50,12 @@ html { /* css vars */ +/* stylelint-disable-next-line max-line-length */ +/* we use tags all over the place in order to indicate boldness, but a change has made this not work. Rather than replace all cases, we can use this shortcut */ +b { + font-weight: bold; +} + #ui { display: flex; justify-content: center; @@ -2751,6 +2757,23 @@ br { cursor: pointer; } +.c-file-import-backup { + width: 14.5rem; + height: 2.55rem; + position: absolute; + bottom: 5.5rem; + left: 31.3rem; + opacity: 0; + margin: -1.9rem -2rem; +} + +.c-file-import-backup::before { + content: " "; + font-size: 100rem; + padding: 10rem 20rem; + cursor: pointer; +} + /* #region l-options-grid */ .l-options-grid { @@ -6545,7 +6568,7 @@ kbd { .c-enslaved-run-button__icon__sigil { position: absolute; top: -3.7rem; - right: -0.2rem; + right: -0.45rem; font-size: 14.8rem; transform: rotate(45deg); } @@ -7754,7 +7777,7 @@ kbd { } .o-laitela-run-button--large { - width: 44rem; + width: 46rem; } .o-laitela-matter-amount { diff --git a/src/components/DescriptionDisplay.vue b/src/components/DescriptionDisplay.vue index 3c8da71ffe..78d7adb630 100644 --- a/src/components/DescriptionDisplay.vue +++ b/src/components/DescriptionDisplay.vue @@ -26,6 +26,11 @@ export default { type: String, required: false, default: "" + }, + numberPrefixed: { + type: Boolean, + required: false, + default: false } }, data() { @@ -56,7 +61,7 @@ export default { const description = config?.description; // Descriptions in config entries are occasionally used both as standalone statements and mid-sentence, // so we explicitly capitalize them here because this only shows up in standalone places - const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1); + const capitalize = str => (this.numberPrefixed ? str : str.charAt(0).toUpperCase() + str.slice(1)); this.isVisible = description !== undefined; if (!this.isVisible) return; diff --git a/src/components/EffectDisplay.vue b/src/components/EffectDisplay.vue index 2b9ccae876..e6eadf1403 100644 --- a/src/components/EffectDisplay.vue +++ b/src/components/EffectDisplay.vue @@ -32,7 +32,8 @@ export default { // Number.MAX_VALUE doesn't really matter here, but we need it because // undefined values are not allowed for data properties cap: Number.MAX_VALUE, - hasCap: false + hasCap: false, + effect: "" }; }, computed: { @@ -46,7 +47,10 @@ export default { return `${this.reachedCap && !this.ignoreCapped ? "Capped" : this.label}: `; }, effectDisplay() { - return this.formatEffect(this.reachedCap ? this.cap : this.effectValue); + if (this.effectValue || this.reachedCap) + // eslint-disable-next-line vue/no-side-effects-in-computed-properties + this.effect = this.formatEffect(this.reachedCap ? this.cap : this.effectValue); + return this.effect; } }, watch: { @@ -60,6 +64,7 @@ export default { this.isVisible = effect !== undefined && formatEffect !== undefined; if (!this.isVisible) return; this.formatEffect = formatEffect; + this.effectValue = undefined; if (isNumber(effect)) { this.effectValue = effect; diff --git a/src/components/GameUiComponentFixed.vue b/src/components/GameUiComponentFixed.vue index 1dd0a95293..bff4ba5634 100644 --- a/src/components/GameUiComponentFixed.vue +++ b/src/components/GameUiComponentFixed.vue @@ -89,7 +89,6 @@ export default { v-else-if="view.modal.current" :modal="view.modal.current" /> - diff --git a/src/components/modals/AwayProgressEntry.vue b/src/components/modals/AwayProgressEntry.vue index c232c80e44..333f5b2c48 100644 --- a/src/components/modals/AwayProgressEntry.vue +++ b/src/components/modals/AwayProgressEntry.vue @@ -161,7 +161,7 @@ export default { } .c-modal-away-progress__realities, -.c-modal-away-progress__achievement-count, +.c-modal-away-progress__achievement-amount, .c-modal-away-progress__reality-machines, .c-modal-away-progress__imaginary-machines { color: var(--color-reality); diff --git a/src/components/modals/GlyphShowcasePanelEntry.vue b/src/components/modals/GlyphShowcasePanelEntry.vue index 0a9489084a..6d857583ed 100644 --- a/src/components/modals/GlyphShowcasePanelEntry.vue +++ b/src/components/modals/GlyphShowcasePanelEntry.vue @@ -80,10 +80,10 @@ export default { }; }, rarityStyle() { - // Rarity is handled differently here than usual because this is in contrast with the theme BG, not the glyph BG + // Glyph colors were dealt to contrast the background, but that should never be an issue const color = CosmeticGlyphTypes[this.glyph.type].ignoreRarityColor ? GlyphAppearanceHandler.getBorderColor(this.type) - : getRarity(this.glyph.strength)[Theme.current().isDark() ? "darkColor" : "lightColor"]; + : GlyphAppearanceHandler.getRarityColor(this.glyph.strength, this.type); return { color, "font-weight": "bold" diff --git a/src/components/modals/challenges/EternityChallengeStartModal.vue b/src/components/modals/challenges/EternityChallengeStartModal.vue index 7ccafe89bf..8f2986c9c3 100644 --- a/src/components/modals/challenges/EternityChallengeStartModal.vue +++ b/src/components/modals/challenges/EternityChallengeStartModal.vue @@ -42,6 +42,11 @@ export default { if (typeof conditionOfChallenge === "function") { conditionOfChallenge = conditionOfChallenge(); } + if (this.challenge._config.scrambleText) { + conditionOfChallenge = conditionOfChallenge + .replace("*", this.challenge._config.scrambleText[1]); + // eslint-disable-next-line vue/no-side-effects-in-computed-properties + } return `Inside this Eternity Challenge, ${conditionOfChallenge}`; } }, diff --git a/src/components/modals/options/BackupWindowModal.vue b/src/components/modals/options/BackupWindowModal.vue index b0dfa34d68..deab6fbb49 100644 --- a/src/components/modals/options/BackupWindowModal.vue +++ b/src/components/modals/options/BackupWindowModal.vue @@ -101,7 +101,7 @@ export default { - Dimensional Sacrifice ({{ formatX(sacrificeBoost, 2, 2) }}) - + Dimensional Sacrifice is Automated (Achievement 118) + Dimensional Sacrifice ({{ formatX(sacrificeBoost, 2, 2) }}) Dimensional Sacrifice Disabled ({{ disabledCondition }})