design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dees-input-text): adjust password toggle and validation icon alignment in text input

Browse Source
This commit is contained in:
Jürgen Kunz
2026-04-12 17:01:05 +00:00
parent 212a46894e
commit 2f4afddf73
3 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ts_web/elements/00group-input/dees-input-text/dees-input-text.ts
View File

@@ -134,7 +134,7 @@ export class DeesInputText extends DeesInputBase {
.showPassword {
position: absolute;
right: 1px;
top: 50%;
top: 20px;
transform: translateY(-50%);
display: flex;
align-items: center;
@@ -155,19 +155,16 @@ export class DeesInputText extends DeesInputBase {
/* Valid checkmark icon */
.validIcon {
position: absolute;
right: 8px;
top: 50%;
right: 10px;
top: 20px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
opacity: 0;
transition: opacity 0.2s ease;
pointer-events: none;
color: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
}
.validIcon.show {
@@ -175,8 +172,7 @@ export class DeesInputText extends DeesInputBase {
}
.validIcon dees-icon {
font-size: 14px;
color: white;
font-size: 18px;
}
/* Validation styles */