@hytopia.com/examples 1.0.21 → 1.0.22

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.
Files changed (3) hide show
  1. package/frontiers-rpg-game/assets/ui/index.html +22 -19
  2. package/frontiers-rpg-game/assets/ui/menus/dialogue.html +22 -19
  3. package/package.json +1 -1
package/frontiers-rpg-game/assets/ui/index.html CHANGED
@@ -2820,11 +2820,7 @@ window.ItemTooltips = (function() {
2820
2820
  body.mobile .dialogue-content {
2821
2821
  padding: 12px;
2822
2822
  max-height: calc(100vh - 140px);
2823
- }
2824
-
2825
- body.mobile .dialogue-content * {
2826
- overflow-y: scroll;
2827
-
2823
+ overflow-y: auto;
2828
2824
  }
2829
2825
 
2830
2826
  body.mobile .dialogue-message {
@@ -2846,31 +2842,38 @@ window.ItemTooltips = (function() {
2846
2842
  height: 14px;
2847
2843
  }
2848
2844
 
2849
- /* Override global touch-action: none for dialogue interactions */
2850
- body.mobile .dialogue-option,
2851
- body.mobile .dialogue-close,
2852
- body.mobile .dialogue-option *,
2853
- body.mobile .dialogue-close * {
2854
- touch-action: manipulation !important;
2855
- pointer-events: auto !important;
2856
- }
2857
-
2858
- /* Ensure dialogue containers allow touch events */
2845
+ /* AGGRESSIVE override of global touch-action: none for dialogue */
2846
+ body.mobile .dialogue-overlay,
2859
2847
  body.mobile .dialogue-panel,
2860
2848
  body.mobile .dialogue-container,
2849
+ body.mobile .dialogue-header,
2861
2850
  body.mobile .dialogue-content,
2862
- body.mobile .dialogue-options {
2851
+ body.mobile .dialogue-options,
2852
+ body.mobile .dialogue-option,
2853
+ body.mobile .dialogue-close {
2863
2854
  touch-action: manipulation !important;
2855
+ pointer-events: auto !important;
2856
+ -webkit-touch-callout: default !important;
2857
+ -webkit-user-select: auto !important;
2858
+ user-select: auto !important;
2864
2859
  }
2865
2860
 
2866
- /* Override global mobile touch rules specifically for dialogue */
2867
- body.mobile .dialogue-panel *:not(.dialogue-message) {
2861
+ /* Force touch events on all dialogue interactive elements */
2862
+ body.mobile .dialogue-option,
2863
+ body.mobile .dialogue-option *,
2864
+ body.mobile .dialogue-close,
2865
+ body.mobile .dialogue-close *,
2866
+ body.mobile .dialogue-quest-icon,
2867
+ body.mobile .dialogue-option-text {
2868
2868
  touch-action: manipulation !important;
2869
+ pointer-events: auto !important;
2870
+ cursor: pointer !important;
2869
2871
  }
2870
2872
 
2871
- /* Allow scrolling only on message content */
2873
+ /* Only allow scrolling on message content */
2872
2874
  body.mobile .dialogue-message {
2873
2875
  touch-action: pan-y !important;
2876
+ overflow-y: auto;
2874
2877
  }
2875
2878
  </style>
2876
2879
 
package/frontiers-rpg-game/assets/ui/menus/dialogue.html CHANGED
@@ -418,11 +418,7 @@
418
418
  body.mobile .dialogue-content {
419
419
  padding: 12px;
420
420
  max-height: calc(100vh - 140px);
421
- }
422
-
423
- body.mobile .dialogue-content * {
424
- overflow-y: scroll;
425
-
421
+ overflow-y: auto;
426
422
  }
427
423
 
428
424
  body.mobile .dialogue-message {
@@ -444,30 +440,37 @@
444
440
  height: 14px;
445
441
  }
446
442
 
447
- /* Override global touch-action: none for dialogue interactions */
448
- body.mobile .dialogue-option,
449
- body.mobile .dialogue-close,
450
- body.mobile .dialogue-option *,
451
- body.mobile .dialogue-close * {
452
- touch-action: manipulation !important;
453
- pointer-events: auto !important;
454
- }
455
-
456
- /* Ensure dialogue containers allow touch events */
443
+ /* AGGRESSIVE override of global touch-action: none for dialogue */
444
+ body.mobile .dialogue-overlay,
457
445
  body.mobile .dialogue-panel,
458
446
  body.mobile .dialogue-container,
447
+ body.mobile .dialogue-header,
459
448
  body.mobile .dialogue-content,
460
- body.mobile .dialogue-options {
449
+ body.mobile .dialogue-options,
450
+ body.mobile .dialogue-option,
451
+ body.mobile .dialogue-close {
461
452
  touch-action: manipulation !important;
453
+ pointer-events: auto !important;
454
+ -webkit-touch-callout: default !important;
455
+ -webkit-user-select: auto !important;
456
+ user-select: auto !important;
462
457
  }
463
458
 
464
- /* Override global mobile touch rules specifically for dialogue */
465
- body.mobile .dialogue-panel *:not(.dialogue-message) {
459
+ /* Force touch events on all dialogue interactive elements */
460
+ body.mobile .dialogue-option,
461
+ body.mobile .dialogue-option *,
462
+ body.mobile .dialogue-close,
463
+ body.mobile .dialogue-close *,
464
+ body.mobile .dialogue-quest-icon,
465
+ body.mobile .dialogue-option-text {
466
466
  touch-action: manipulation !important;
467
+ pointer-events: auto !important;
468
+ cursor: pointer !important;
467
469
  }
468
470
 
469
- /* Allow scrolling only on message content */
471
+ /* Only allow scrolling on message content */
470
472
  body.mobile .dialogue-message {
471
473
  touch-action: pan-y !important;
474
+ overflow-y: auto;
472
475
  }
473
476
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hytopia.com/examples",
3
- "version": "1.0.21",
3
+ "version": "1.0.22",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",