input: add no1password prop, tweak counter styling
This commit is contained in:
parent
de616755f5
commit
7e02884941
1 changed files with 9 additions and 1 deletions
|
|
@ -17,6 +17,7 @@
|
||||||
fullHeight?: boolean
|
fullHeight?: boolean
|
||||||
alignRight?: boolean
|
alignRight?: boolean
|
||||||
accessory?: boolean
|
accessory?: boolean
|
||||||
|
no1password?: boolean
|
||||||
}
|
}
|
||||||
|
|
||||||
let {
|
let {
|
||||||
|
|
@ -40,6 +41,7 @@
|
||||||
readonly = false,
|
readonly = false,
|
||||||
required = false,
|
required = false,
|
||||||
class: className = '',
|
class: className = '',
|
||||||
|
no1password = false,
|
||||||
...restProps
|
...restProps
|
||||||
}: Props = $props()
|
}: Props = $props()
|
||||||
|
|
||||||
|
|
@ -95,6 +97,7 @@
|
||||||
{readonly}
|
{readonly}
|
||||||
{required}
|
{required}
|
||||||
maxlength={maxLength}
|
maxlength={maxLength}
|
||||||
|
data-1p-ignore={no1password}
|
||||||
{...restProps}
|
{...restProps}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
@ -120,6 +123,7 @@
|
||||||
{readonly}
|
{readonly}
|
||||||
{required}
|
{required}
|
||||||
maxlength={maxLength}
|
maxlength={maxLength}
|
||||||
|
data-1p-ignore={no1password}
|
||||||
{...restProps}
|
{...restProps}
|
||||||
/>
|
/>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
@ -144,6 +148,7 @@
|
||||||
{readonly}
|
{readonly}
|
||||||
{required}
|
{required}
|
||||||
maxlength={maxLength}
|
maxlength={maxLength}
|
||||||
|
data-1p-ignore={no1password}
|
||||||
{...restProps}
|
{...restProps}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
@ -169,6 +174,7 @@
|
||||||
{readonly}
|
{readonly}
|
||||||
{required}
|
{required}
|
||||||
maxlength={maxLength}
|
maxlength={maxLength}
|
||||||
|
data-1p-ignore={no1password}
|
||||||
{...restProps}
|
{...restProps}
|
||||||
/>
|
/>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
@ -211,6 +217,7 @@
|
||||||
:global(.label .required) {
|
:global(.label .required) {
|
||||||
color: $error;
|
color: $error;
|
||||||
margin-left: $unit-fourth;
|
margin-left: $unit-fourth;
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error {
|
.error {
|
||||||
|
|
@ -258,8 +265,9 @@
|
||||||
.counter {
|
.counter {
|
||||||
color: var(--text-tertiary);
|
color: var(--text-tertiary);
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: $bold;
|
font-weight: $normal;
|
||||||
line-height: calc($unit * 6);
|
line-height: calc($unit * 6);
|
||||||
|
font-size: $font-small;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: $unit-2x;
|
right: $unit-2x;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue