hamzus-ui 0.0.66 → 0.0.68

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/hamzus-ui/Table/Header.svelte +9 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hamzus-ui",
3
- "version": "0.0.66",
3
+ "version": "0.0.68",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "svelte": "index.js",
package/src/components/hamzus-ui/Table/Header.svelte CHANGED
@@ -51,6 +51,8 @@
51
51
  });
52
52
  }
53
53
  function removeListener() {
54
+ trackedColumnName = null
55
+
54
56
  document.removeEventListener('mousemove', handleMouseMove);
55
57
  document.removeEventListener('mouseup', removeListener);
56
58
 
@@ -342,7 +344,7 @@
342
344
  ></Button>
343
345
  </div>
344
346
  {/if}
345
- <span class="resizer"
347
+ <span class="resizer {column.name === trackedColumnName ? "active-resizer" : ""}"
346
348
  ><button
347
349
  on:mousedown={(event) => {
348
350
  handleMouseDown(event, column.name);
@@ -387,9 +389,13 @@
387
389
  position: relative;
388
390
  }
389
391
  .resizer:has(.resizer-pad:hover) {
390
- background-color: var(--accent);
391
- outline: 2px solid var(--accent);
392
+ background-color: var(--accent-b);
393
+ outline: 2px solid var(--accent-b);
392
394
  }
395
+ .resizer.active-resizer {
396
+ background-color: var(--accent) !important;
397
+ outline: 2px solid var(--accent) !important;
398
+ }
393
399
  .resizer:has(.resizer-pad:global(.resizing)) {
394
400
  background-color: var(--accent);
395
401
  outline: 2px solid var(--accent);