refactor(event-setup): improve disabled style design

mathieuher · Feb 8, 2024 · 837fb87 · 837fb87
1 parent c244df2
commit 837fb87
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/scenes/event-setup.ts b/src/scenes/event-setup.ts
@@ -4,7 +4,7 @@ import { Game } from '../game';
 import { TrackStyles } from '../models/track-styles.enum';
 import { Config } from '../config';
 
-import { Subject, debounceTime, takeUntil, tap } from 'rxjs';
+import { Subject, debounceTime, tap } from 'rxjs';
 
 export class EventSetup extends Scene {
 	private raceSetupUi = document.getElementById('event-setup')!;
@@ -58,7 +58,7 @@ export class EventSetup extends Scene {
 	private listenTrackInput(): void {
 		this.trackNameChanged
 			.pipe(
-				debounceTime(300),
+				debounceTime(200),
 				tap(trackName => this.selectTrack(trackName)),
 			)
 			.subscribe();
@@ -102,7 +102,6 @@ export class EventSetup extends Scene {
 		const track = (this.engine as Game).trackManager.getTrackFromLocalStorage(trackName);
 
 		if (track) {
-			console.log('fond track ', track.name);
 			this.trackStyleSelect.value = track.style;
 			this.trackStyleSelect.disabled = true;
 		} else {

diff --git a/src/scss/game.scss b/src/scss/game.scss
@@ -151,6 +151,10 @@ html body {
             select {
                 appearance: none;
                 background-color: $primary;
+
+                &:disabled {
+                    opacity: 0.3;
+                }
             }
 
         }