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/.github/workflows/deploy-master.yml b/.github/workflows/deploy-master.yml index ac50bbf0b1..09b5b19521 100644 --- a/.github/workflows/deploy-master.yml +++ b/.github/workflows/deploy-master.yml @@ -19,10 +19,10 @@ jobs: - uses: actions/checkout@v2 with: lfs: true - - uses: actions/setup-node@v2 + - uses: actions/setup-node@v4 with: - node-version: '14' - cache: 'npm' + node-version: "14" + cache: "npm" - run: npm ci - run: npm run build:master - uses: JamesIves/github-pages-deploy-action@v4 @@ -30,3 +30,4 @@ jobs: branch: gh-pages folder: dist single-commit: true + diff --git a/.github/workflows/deploy-release.yml b/.github/workflows/deploy-release.yml index 160c3ae764..36d9ca5179 100644 --- a/.github/workflows/deploy-release.yml +++ b/.github/workflows/deploy-release.yml @@ -19,10 +19,10 @@ jobs: - uses: actions/checkout@v2 with: lfs: true - - uses: actions/setup-node@v2 + - uses: actions/setup-node@v4 with: - node-version: '14' - cache: 'npm' + node-version: "14" + cache: "npm" - run: npm ci - run: npm run build:release - uses: JamesIves/github-pages-deploy-action@v4 @@ -32,3 +32,4 @@ jobs: branch: master folder: dist single-commit: true + 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/InformationModal.vue b/src/components/modals/InformationModal.vue index e3da8ede3d..de1c15cc9e 100644 --- a/src/components/modals/InformationModal.vue +++ b/src/components/modals/InformationModal.vue @@ -48,6 +48,11 @@ export default { icon="fa-brands fa-google-play" link="https://play.google.com/store/apps/details?id=kajfosz.antimatterdimensions" /> +

- Dimensional Sacrifice ({{ formatX(sacrificeBoost, 2, 2) }}) - + Dimensional Sacrifice is Automated (Achievement 118) + Dimensional Sacrifice ({{ formatX(sacrificeBoost, 2, 2) }}) Dimensional Sacrifice Disabled ({{ disabledCondition }})