pixi-rainman-game-engine 0.1.26 → 0.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -31,6 +31,7 @@
31
31
  @media only screen and (max-width: 900px) {
32
32
  .settings__column {
33
33
  flex-direction: column-reverse;
34
+ overflow-x: hidden;
34
35
  }
35
36
  }
36
37
 
@@ -6,6 +6,7 @@
6
6
  width: 70%;
7
7
  max-width: 800px;
8
8
  justify-content: space-between;
9
+ overflow: auto;
9
10
  }
10
11
 
11
12
  .autoplay-settings__title {
@@ -223,7 +224,7 @@
223
224
  width: 100%;
224
225
  flex-wrap: wrap;
225
226
  height: fit-content;
226
- overflow: hidden;
227
+ margin-block: 8px;
227
228
  }
228
229
 
229
230
  .autoplay-settings__limit.circle p {
@@ -11,16 +11,17 @@
11
11
  display: flex;
12
12
  align-items: center;
13
13
  justify-content: center;
14
- width: 150px;
15
- height: 60px;
16
- border-radius: 60px;
14
+ min-width: 140px;
15
+ width: fit-content;
16
+ text-align: center;
17
+ height: fit-content;
18
+ border-radius: 32px;
17
19
  border: 2px white;
18
20
  border-style: solid;
19
- margin: 0px 10px;
20
21
  }
21
22
 
22
23
  .bet-container__value p {
23
- font-size: 25px;
24
+ font-size: 24px;
24
25
  }
25
26
 
26
27
  .bet-container__button {
@@ -44,7 +45,7 @@
44
45
 
45
46
  .bet-container__controls {
46
47
  display: flex;
47
- flex-direction: row;
48
+ gap: 8px;
48
49
  }
49
50
 
50
51
  .bet-container__button:active {
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .ux-settings__switch {
12
- width: 500px;
12
+ width: 100%;
13
13
  }
14
14
 
15
15
  .ux-settings__switch-container {
@@ -21,8 +21,14 @@
21
21
  width: 100%;
22
22
  }
23
23
 
24
- @media only screen and (max-width: 1125px) {
24
+ @media only screen and (max-width: 900px) {
25
25
  .ux-settings__switch {
26
26
  width: 250px;
27
27
  }
28
+ .ux-settings {
29
+ width: unset;
30
+ overflow-y: auto;
31
+ overflow-x: hidden;
32
+ padding: 0 30px;
33
+ }
28
34
  }
@@ -91,6 +91,7 @@ body {
91
91
  }
92
92
 
93
93
  .modal {
94
+ z-index: 1000;
94
95
  width: 80vw;
95
96
  height: 80vh;
96
97
  top: 5vh;
@@ -1,6 +1,6 @@
1
1
  import { BaseButton } from "../BaseButton";
2
2
  export declare class VolumeButton extends BaseButton {
3
- static readonly registryName = "volume";
3
+ static readonly registryName = "volumeButton";
4
4
  private readonly normalTextureMap;
5
5
  private readonly muteTextureMap;
6
6
  constructor();
@@ -2,7 +2,7 @@ import { RainMan } from "../../../Rainman";
2
2
  import { getTexture } from "../../../utils";
3
3
  import { BaseButton, ButtonStates } from "../BaseButton";
4
4
  export class VolumeButton extends BaseButton {
5
- static registryName = "volume";
5
+ static registryName = "volumeButton";
6
6
  normalTextureMap;
7
7
  muteTextureMap;
8
8
  constructor() {
@@ -5,6 +5,7 @@ export declare const BUTTONS: {
5
5
  readonly info: "infoButton";
6
6
  readonly more: "moreButton";
7
7
  readonly gamble: "gambleButton";
8
+ readonly volume: "volumeButton";
8
9
  };
9
10
  export declare const REGISTRY: {
10
11
  leftButtons: string;
@@ -5,6 +5,7 @@ export const BUTTONS = {
5
5
  info: "infoButton",
6
6
  more: "moreButton",
7
7
  gamble: "gambleButton",
8
+ volume: "volumeButton",
8
9
  };
9
10
  export const REGISTRY = {
10
11
  leftButtons: "leftButtons",
@@ -45,6 +45,7 @@ export declare abstract class AbstractController<T> {
45
45
  private setupSpaceOrEnterListener;
46
46
  private disableBetButtons;
47
47
  private disableSpeedButton;
48
+ private disableInformationButtons;
48
49
  protected handleDisablingButtons(disabled?: boolean): void;
49
50
  private initButtons;
50
51
  private initBetButtons;
@@ -109,9 +109,18 @@ export class AbstractController {
109
109
  disableSpeedButton(shouldBeDisabled) {
110
110
  RainMan.componentRegistry.get(SpeedControlButton.registryName).flipDisabledFlag(shouldBeDisabled);
111
111
  }
112
+ disableInformationButtons(shouldBeDisabled) {
113
+ const buttonsToChange = [
114
+ RainMan.componentRegistry.get(BUTTONS.info),
115
+ RainMan.componentRegistry.get(BUTTONS.more),
116
+ RainMan.componentRegistry.get(BUTTONS.volume),
117
+ ];
118
+ buttonsToChange.forEach((button) => button.flipDisabledFlag(shouldBeDisabled));
119
+ }
112
120
  handleDisablingButtons(disabled) {
113
121
  this.disableBetButtons(disabled ?? this.shouldBetButtonsBeDisabled);
114
122
  this.disableSpeedButton(disabled ?? this.shouldButtonsBeDisabled);
123
+ this.disableInformationButtons(disabled ?? this.shouldButtonsBeDisabled);
115
124
  }
116
125
  initButtons() {
117
126
  this.buttonsEventManager.initVolumeButtonEvent();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixi-rainman-game-engine",
3
- "version": "0.1.26",
3
+ "version": "0.1.28",
4
4
  "description": "This repository contains all of the mechanics that used in rainman games.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",