diff --git a/package.json b/package.json index 06090ff..584350c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@tp/tp-table", - "version": "1.1.1", + "version": "1.1.2", "description": "", "main": "tp-table.js", "scripts": { diff --git a/tp-table.js b/tp-table.js index 00ff8cf..28a404a 100644 --- a/tp-table.js +++ b/tp-table.js @@ -11,8 +11,8 @@ import '@tp/tp-checkbox/tp-checkbox.js'; import './tp-table-item.js'; import { DomQuery } from '@tp/helpers/dom-query.js'; import { closest } from '@tp/helpers/closest.js'; -import ColumResizer from './column-resizer.js'; import { LitElement, html, css, svg } from 'lit'; +import ColumResizer from './column-resizer.js'; export class TpTable extends DomQuery(LitElement) { static get styles() { @@ -88,7 +88,7 @@ export class TpTable extends DomQuery(LitElement) { border-right: solid 1px #c1c1c1; } - a.sort-link tp-icon { + a.sort-link tp-icon[part="sort-icon"] { position: absolute; left: 0; --tp-icon-width: 18px; @@ -119,7 +119,7 @@ export class TpTable extends DomQuery(LitElement) { } #tableHeader:not(.col-dragging) a.sort-link .width-handle:hover > div { - background: var(--pc-blue); + background: var(--tp-table-handle-color-hover); } a.sort-link .width-handle.dragging { @@ -128,7 +128,7 @@ export class TpTable extends DomQuery(LitElement) { z-index: 100; border-style: none; width: 3px; - background: linear-gradient(180deg, rgba(59, 164, 240, 1), rgba(59, 164, 240, 0)); + background: var(--tp-table-handle-color-dragging, linear-gradient(180deg, rgba(59, 164, 240, 1), rgba(59, 164, 240, 0))); } .select-col { @@ -151,11 +151,11 @@ export class TpTable extends DomQuery(LitElement) { } lit-virtualizer::-webkit-scrollbar-track { - background: var(--scrollbar-track); + background: var(--scrollbar-track, #c1c1c1); } lit-virtualizer::-webkit-scrollbar-thumb { - background-color: var(--scrollbar-thumb); + background-color: var(--scrollbar-thumb, #5a5a5a); outline: none; border-radius: var(--scrollbar-thumb-border-radius, 4px); }