@everymatrix/casino-filter-page 0.0.249 → 0.0.252

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/casino-filter-page",
3
- "version": "0.0.249",
3
+ "version": "0.0.252",
4
4
  "main": "dist/casino-filter-page.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "38af455e241b6ef7ccabb2367be2be59e6b24352"
39
+ "gitHead": "6824e7c03c551fb8c35921b8846fdbbb49f76169"
40
40
  }
@@ -329,6 +329,17 @@
329
329
  :host {
330
330
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
331
331
  }
332
+
333
+ .FilterModalContent {
334
+ max-height: 80vh;
335
+ display: flex;
336
+ flex-direction: column;
337
+ }
338
+
339
+ .FilterHeaderSection {
340
+ flex-grow: 0;
341
+ }
342
+
332
343
  .FilterHeaderDetails {
333
344
  .FilterHeaderTitle {
334
345
  font-size: 34px;
@@ -346,8 +357,25 @@
346
357
  .FilterContentSection {
347
358
  display: inline-flex;
348
359
  flex-wrap: wrap;
349
- grid-gap: 30px;
360
+ grid-gap: 25px;
361
+ flex-grow: 1;
362
+ overflow-y: auto;
363
+ scrollbar-width: thin;
364
+ scrollbar-color: var(--emfe-w-color-gray-300, #58586B) var(--emfe-w-color-gray-100, #E6E6E6);
350
365
  }
366
+
367
+ .FilterContentSection::-webkit-scrollbar {
368
+ width: 6px;
369
+ }
370
+
371
+ .FilterContentSection::-webkit-scrollbar-thumb {
372
+ background: var(--emfe-w-color-gray-300, #58586B);
373
+ }
374
+
375
+ .FilterContentSection::-webkit-scrollbar-track {
376
+ background: var(--emfe-w-color-gray-100, #E6E6E6);
377
+ }
378
+
351
379
  .VendorBox {
352
380
  width: 230px;
353
381
  height: 125px;
@@ -391,6 +419,7 @@
391
419
  justify-content: center;
392
420
  grid-gap: 30px;
393
421
  margin-top: 60px;
422
+ flex-grow: 0;
394
423
  .ClearFiltersButton, .ApplyFiltersButton {
395
424
  width: 180px;
396
425
  height: 50px;
@@ -469,7 +498,10 @@
469
498
  .FilterFooterSection {
470
499
  margin: 30px auto 15px;
471
500
  grid-gap: 10px;
501
+ width: 100%;
472
502
  .ClearFiltersButton, .ApplyFiltersButton {
503
+ width: 100%;
504
+ max-width: 180px;
473
505
  font-size: 12px;
474
506
  }
475
507
  }