jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve password show/hide buttons (#18176)

Browse Source
This commit is contained in:
Kendell R 2023-10-10 06:26:54 -07:00 committed by GitHub
parent b3f1783269
commit 8f1a6ef1b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/auth/ha-auth-form-string.ts
View File

@ -26,14 +26,13 @@ export class HaAuthFormString extends HaFormString {
}
ha-auth-form-string ha-icon-button {
position: absolute;
top: 1em;
right: 12px;
--mdc-icon-button-size: 24px;
color: var(--secondary-text-color);
}
ha-auth-form-string ha-icon-button {
top: 8px;
right: 8px;
inset-inline-start: initial;
inset-inline-end: 12px;
inset-inline-end: 8px;
--mdc-icon-button-size: 40px;
--mdc-icon-size: 20px;
color: var(--secondary-text-color);
direction: var(--direction);
}
</style>

14
src/components/ha-form/ha-form-string.ts
View File

@ -138,15 +138,13 @@ export class HaFormString extends LitElement implements HaFormElement {
}
ha-icon-button {
position: absolute;
top: 1em;
right: 12px;
--mdc-icon-button-size: 24px;
color: var(--secondary-text-color);
}
ha-icon-button {
top: 8px;
right: 8px;
inset-inline-start: initial;
inset-inline-end: 12px;
inset-inline-end: 8px;
--mdc-icon-button-size: 40px;
--mdc-icon-size: 20px;
color: var(--secondary-text-color);
direction: var(--direction);
}
`;

10
src/components/ha-selector/ha-selector-text.ts
View File

@ -111,13 +111,13 @@ export class HaTextSelector extends LitElement {
}
ha-icon-button {
position: absolute;
top: 10px;
right: 10px;
--mdc-icon-button-size: 36px;
top: 8px;
right: 8px;
inset-inline-start: initial;
inset-inline-end: 8px;
--mdc-icon-button-size: 40px;
--mdc-icon-size: 20px;
color: var(--secondary-text-color);
inset-inline-start: initial;
inset-inline-end: 10px;
direction: var(--direction);
}
`;