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", "name": "@tp/tp-table",
"version": "1.1.1", "version": "1.1.2",
"description": "", "description": "",
"main": "tp-table.js", "main": "tp-table.js",
"scripts": { "scripts": {

12
tp-table.js
View File

@ -11,8 +11,8 @@ import '@tp/tp-checkbox/tp-checkbox.js';
import './tp-table-item.js'; import './tp-table-item.js';
import { DomQuery } from '@tp/helpers/dom-query.js'; import { DomQuery } from '@tp/helpers/dom-query.js';
import { closest } from '@tp/helpers/closest.js'; import { closest } from '@tp/helpers/closest.js';
import ColumResizer from './column-resizer.js';
import { LitElement, html, css, svg } from 'lit'; import { LitElement, html, css, svg } from 'lit';
import ColumResizer from './column-resizer.js';
export class TpTable extends DomQuery(LitElement) { export class TpTable extends DomQuery(LitElement) {
static get styles() { static get styles() {
@ -88,7 +88,7 @@ export class TpTable extends DomQuery(LitElement) {
border-right: solid 1px #c1c1c1; border-right: solid 1px #c1c1c1;
} }
a.sort-link tp-icon { a.sort-link tp-icon[part="sort-icon"] {
position: absolute; position: absolute;
left: 0; left: 0;
--tp-icon-width: 18px; --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 { #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 { a.sort-link .width-handle.dragging {
@ -128,7 +128,7 @@ export class TpTable extends DomQuery(LitElement) {
z-index: 100; z-index: 100;
border-style: none; border-style: none;
width: 3px; 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 { .select-col {
@ -151,11 +151,11 @@ export class TpTable extends DomQuery(LitElement) {
} }
lit-virtualizer::-webkit-scrollbar-track { lit-virtualizer::-webkit-scrollbar-track {
background: var(--scrollbar-track); background: var(--scrollbar-track, #c1c1c1);
} }
lit-virtualizer::-webkit-scrollbar-thumb { lit-virtualizer::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb); background-color: var(--scrollbar-thumb, #5a5a5a);
outline: none; outline: none;
border-radius: var(--scrollbar-thumb-border-radius, 4px); border-radius: var(--scrollbar-thumb-border-radius, 4px);
} }