@everymatrix/player-account-menu-nd 1.43.0 → 1.43.2

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-account-menu-nd",
3
- "version": "1.43.0",
3
+ "version": "1.43.2",
4
4
  "main": "dist/player-account-menu-nd.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "2b46cd3311230285da87ca4b133f9dd5735a0db7"
38
+ "gitHead": "0477411e57fe6c3eda8ff28059aa540dcada8ae0"
39
39
  }
@@ -236,6 +236,7 @@
236
236
  display: flex;
237
237
  flex-direction: column;
238
238
  padding: 0 15px;
239
+ overflow-y: scroll;
239
240
  .PlayerAccountMenuItemWrapper {
240
241
  margin: 0;
241
242
  word-break: break-all;
@@ -248,6 +249,13 @@
248
249
  }
249
250
  }
250
251
 
252
+ .PlayerAccountMenuList {
253
+ display: flex;
254
+ flex-direction: column;
255
+ gap: 5px;
256
+ padding-bottom: 5px;
257
+ }
258
+
251
259
  .PlayerAccountMenuHeader {
252
260
  color: var(--emfe-w-pam-typography-color-nav-bg, var(--emfe-w-color-contrast, #FFFFFF));
253
261
  flex-grow: 0;
@@ -283,29 +291,26 @@
283
291
  cursor: pointer;
284
292
  transition: all .3s linear;
285
293
  &:hover {
286
- transition: all .3s linear;
287
- // background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #23B04E));
288
294
  background: rgba(35, 176, 78, 0.3);
289
295
  border: 2px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #23B04E));
290
296
  border-radius: var(--emw--border-radius-medium, 20px);
291
- color: var(--emfe-w-color-white, #FFFFFF);
297
+ color: var(--emfe-w-pam-color-primary, #23B04E);
292
298
  }
293
299
  .PlayerAccountMenuItemTitle {
294
300
  margin-left: 20px;
295
301
  }
296
302
  .PlayerAccountMenuItemIcon {
297
303
  width: 20px;
304
+ height: 20px;
298
305
  padding-top: unset;
299
306
  }
300
307
  .PlayerAccountMenuItemIconMobile {
301
308
  width: 30px;
309
+ height: 30px;
302
310
  padding-top: 15px;
303
311
  }
304
312
  }
305
313
 
306
- .PlayerAccountMenuList {
307
- }
308
-
309
314
  .PlayerAccountMenuList::-webkit-scrollbar {
310
315
  width: 6px;
311
316
  }
@@ -324,6 +329,7 @@
324
329
  border-radius: var(--emw--border-radius-medium, 20px);
325
330
  width: 100%;
326
331
  flex-grow: 0;
332
+ margin-bottom: 20px;
327
333
  }
328
334
 
329
335
  .PlayerAccountMenuActiveItemBox {
@@ -365,19 +371,25 @@
365
371
  margin: 0px 15px;
366
372
 
367
373
  .PlayerAccountMenuItemBox {
368
- background: rgba(35, 176, 78, 0.3);
369
- color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #23B04E));
370
- border: 2px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #23B04E));
374
+ background: transparent;
375
+ border: 2px solid transparent;
371
376
  border-radius: var(--emw--border-radius-medium, 20px); // mobile border
372
377
  height: 60px;
373
378
  margin: 5px 0;
374
379
  align-items: flex-start;
375
380
  position: relative;
381
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
382
+ &:hover {
383
+ background: rgba(35, 176, 78, 0.3);
384
+ color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #23B04E));
385
+ border: 2px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #23B04E));
386
+ }
376
387
  &.PlayerAccountMenuActiveItemBox {
377
388
  background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
378
389
  }
379
390
  .PlayerAccountMenuItemIcon {
380
391
  width: 20px;
392
+ height: 20px;
381
393
  padding: 0 10px 0 15px;
382
394
  }
383
395
  }
@@ -426,14 +438,6 @@
426
438
  background: transparent;
427
439
  width: 48px;
428
440
  border-top: 0;
429
- // .PlayerAccountMenuItemBox {
430
- // display: block;
431
- // width: 24px;
432
- // padding: 10px;
433
- // svg {
434
- // width: 24px;
435
- // }
436
- // }
437
441
  }
438
442
  }
439
443