pam-grid 1.0.4 → 1.0.6

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/dist/index.css CHANGED
@@ -27363,33 +27363,6 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
27363
27363
  --bs-footer-brand-hover-color: color-mix( in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast) );
27364
27364
  --bs-footer-link-hover-color: color-mix( in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast) );
27365
27365
  }
27366
- .bg-gray-60 {
27367
- background-color: var(--bs-gray-60);
27368
- }
27369
- .text-gray-60 {
27370
- color: var(--bs-gray-60);
27371
- }
27372
- .bg-blue {
27373
- background-color: var(--bs-blue);
27374
- }
27375
- .bg-indigo {
27376
- background-color: var(--bs-indigo);
27377
- }
27378
- .text-indigo {
27379
- color: var(--bs-indigo);
27380
- }
27381
- .bg-red {
27382
- background-color: var(--bs-red);
27383
- }
27384
- .text-red {
27385
- color: var(--bs-red);
27386
- }
27387
- .text-blue {
27388
- color: var(--bs-blue);
27389
- }
27390
- .text-green {
27391
- color: var(--bs-green);
27392
- }
27393
27366
 
27394
27367
  /* src/styles/pam.grid.css */
27395
27368
  :root {
@@ -27421,6 +27394,9 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
27421
27394
  background: #fff;
27422
27395
  white-space: nowrap;
27423
27396
  }
27397
+ .card-fullscreen .grid-wrapper {
27398
+ max-height: 100vh !important;
27399
+ }
27424
27400
  .grid-wrapper::-webkit-scrollbar {
27425
27401
  height: 3px;
27426
27402
  width: 3px;
@@ -27484,31 +27460,8 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
27484
27460
  background: #fff;
27485
27461
  box-shadow: -1px 0 1px rgba(0, 0, 0, 0.08);
27486
27462
  }
27487
- .resize-handle {
27488
- width: 8px;
27489
- height: 100%;
27490
- cursor: col-resize;
27491
- display: inline-block;
27492
- opacity: 0;
27493
- transition: opacity 0.2s;
27494
- color: var(--bs-primary);
27495
- }
27496
- .pms-col-header:hover .resize-handle {
27497
- opacity: 1;
27498
- }
27499
- .resize-handle::after {
27500
- content: "";
27501
- display: block;
27502
- width: 1px;
27503
- height: 16px;
27504
- background: #adb5bd;
27505
- margin: 0 auto;
27506
- }
27507
27463
  .pms-grid tbody tr:hover {
27508
- background-color: #f8f9fa;
27509
- }
27510
- .pms-grid tbody tr.table-active {
27511
- background-color: #e9f5ff !important;
27464
+ background-color: #e9f5ff;
27512
27465
  }
27513
27466
  .pms-grid tbody td {
27514
27467
  background: #fff;
@@ -27622,6 +27575,95 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
27622
27575
  background-color: rgba(213 207 207 / 10%);
27623
27576
  visibility: visible;
27624
27577
  }
27578
+ .pam-dropdown-menu {
27579
+ position: absolute;
27580
+ z-index: 9999;
27581
+ min-width: 100;
27582
+ max-width: 300px;
27583
+ background: #fff;
27584
+ border: 1px solid rgba(0, 0, 0, 0.08);
27585
+ border-radius: 10px;
27586
+ box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
27587
+ padding: 6px;
27588
+ font-size: 14px;
27589
+ }
27590
+ .pam-dropdown-list {
27591
+ list-style: none;
27592
+ padding: 0;
27593
+ margin: 0;
27594
+ }
27595
+ .pam-dropdown-item {
27596
+ cursor: pointer;
27597
+ border-radius: 8px;
27598
+ user-select: none;
27599
+ position: relative;
27600
+ }
27601
+ .pam-dropdown-item-inner {
27602
+ display: flex;
27603
+ align-items: center;
27604
+ justify-content: space-between;
27605
+ gap: 10px;
27606
+ padding: 6px 7px;
27607
+ }
27608
+ .pam-dropdown-item:hover {
27609
+ background: rgba(105, 108, 255, 0.08);
27610
+ }
27611
+ .pam-dropdown-item.disabled {
27612
+ opacity: 0.5;
27613
+ pointer-events: none;
27614
+ }
27615
+ .pam-dropdown-item.danger:hover {
27616
+ background: rgba(255, 62, 29, 0.08);
27617
+ }
27618
+ .pam-left {
27619
+ display: flex;
27620
+ align-items: center;
27621
+ gap: 10px;
27622
+ }
27623
+ .pam-icon {
27624
+ font-size: 16px;
27625
+ opacity: 0.8;
27626
+ }
27627
+ .pam-label {
27628
+ display: inline-flex;
27629
+ align-items: center;
27630
+ gap: 8px;
27631
+ }
27632
+ .pam-right {
27633
+ display: inline-flex;
27634
+ align-items: center;
27635
+ gap: 10px;
27636
+ }
27637
+ .pam-rightslot {
27638
+ display: inline-flex;
27639
+ align-items: center;
27640
+ }
27641
+ .pam-arrow {
27642
+ font-size: 16px;
27643
+ opacity: 0.7;
27644
+ }
27645
+ .pam-submenu {
27646
+ position: fixed;
27647
+ z-index: 10000;
27648
+ min-width: 220px;
27649
+ background: #fff;
27650
+ border: 1px solid rgba(0, 0, 0, 0.08);
27651
+ border-radius: 10px;
27652
+ box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
27653
+ padding: 6px;
27654
+ }
27655
+ .cursor-resize {
27656
+ cursor: e-resize;
27657
+ }
27658
+ .cursor-grab {
27659
+ cursor: grab;
27660
+ }
27661
+ .cursor-grabbing {
27662
+ cursor: grabbing;
27663
+ }
27664
+ .cursor-default {
27665
+ cursor: default;
27666
+ }
27625
27667
  /*!
27626
27668
  * Bootstrap v5.3.3 (https://getbootstrap.com/)
27627
27669
  * Copyright 2011-2024 The Bootstrap Authors