tp-elements/tp-table
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes.

Browse Source
This commit is contained in:
trading_peter 2023-09-02 00:19:42 +02:00
parent fa641a7581
commit 5eca76ac5e
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@tp/tp-table",
"version": "1.1.1",
"version": "1.1.2",
"description": "",
"main": "tp-table.js",
"scripts": {

12
tp-table.js
View File

@ -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);
}