tp-elements/tp-time-input
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve styling

Browse Source
This commit is contained in:
trading_peter
2025-11-08 18:50:17 +01:00
parent 768c174815
commit 6f66dade74
2 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-time-input", "name": "@tp/tp-time-input",
"version": "1.0.0", "version": "1.0.1",
"description": "", "description": "",
"main": "tp-time-input.js", "main": "tp-time-input.js",
"scripts": { "scripts": {

11
tp-time-input.js
View File

@@ -17,14 +17,13 @@ class TpTimeInput extends FormElement(LitElement) {
align-items: center; align-items: center;
font-family: inherit; font-family: inherit;
font-size: 14px; font-size: 14px;
border: solid 1px #000;
overflow: hidden;
background: transparent; background: transparent;
box-sizing: border-box; box-sizing: border-box;
outline: none;
} }
:host(:focus-within) { :host(:focus-within) .wrapper {
border-color: var(--tp-time-input-focus-color, #007bff); outline: var(--tp-time-input-focus-outline, solid 1px #007bff);
} }
.wrapper { .wrapper {
@@ -115,10 +114,6 @@ class TpTimeInput extends FormElement(LitElement) {
color: #ff0000; color: #ff0000;
} }
:host([invalid]) {
border-color: var(--tp-time-input-border-color-invalid, #ff0000);
}
.error-message { .error-message {
position: absolute; position: absolute;
z-index: 1; z-index: 1;