Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2026-02-20 14:59:19 +00:00
Code Issues Projects Releases Wiki Activity

fade out other buttons on test mode

Browse Source
This commit is contained in:
Sense101 2021-07-07 10:47:43 +01:00
parent 6a3e720182
commit 72499110a7
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/css/ingame_hud/puzzle_editor_settings.scss
View File

@ -12,6 +12,17 @@
@include S(border-radius, $globalBorderRadius); @include S(border-radius, $globalBorderRadius);
> .section { > .section {
.disabled {
transition: opacity 0.12s ease-in-out;
opacity: 0.3;
button {
pointer-events: none;
}
}
:not(.disabled) {
transition: opacity 0.12s ease-in-out;
}
> label { > label {
text-transform: uppercase; text-transform: uppercase;
} }
@ -45,12 +56,6 @@
} }
> .mainButtons { > .mainButtons {
&.disabled {
button {
pointer-events: none;
}
}
> .buttonBar { > .buttonBar {
display: flex; display: flex;
align-items: center; align-items: center;

1
src/js/game/hud/parts/puzzle_editor_settings.js
View File

@ -73,6 +73,7 @@ export class HUDPuzzleEditorSettings extends BaseHUDPart {
toggleTestMode() { toggleTestMode() {
this.testMode = !this.testMode; this.testMode = !this.testMode;
this.element.querySelector(".section > label").classList.toggle("disabled", this.testMode);
this.element.querySelector(".mainButtons").classList.toggle("disabled", this.testMode); this.element.querySelector(".mainButtons").classList.toggle("disabled", this.testMode);
const testButton = this.element.querySelector(".testToggle > .testPuzzle"); const testButton = this.element.querySelector(".testToggle > .testPuzzle");
testButton.textContent = this.testMode testButton.textContent = this.testMode