scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove placeholders

Browse Source
This commit is contained in:
Christel Westerberg
2024-07-15 15:07:56 +02:00
parent 62310caa90
commit 226d19ce5f
2 changed files with 13 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
components/Forms/Edit/Profile/FormContent/index.tsx
View File

@@ -36,38 +36,27 @@ export default function FormContent() {
</Body>
</header>
<DateSelect name="dateOfBirth" registerOptions={{ required: true }} />
<Input
label={`${street} 1`}
name="address.streetAddress"
placeholder={street}
/>
<Input label={city} name="address.city" placeholder={city} />
<Input label={`${street} 1`} name="address.streetAddress" />
<Input label={city} name="address.city" />
<div className={styles.container}>
<Input
label={zipCode}
name="address.zipCode"
placeholder={zipCode}
registerOptions={{ required: true }}
/>
<CountrySelect
label={country}
name="address.countryCode"
placeholder={country}
registerOptions={{ required: true }}
/>
</div>
<Input
label={email}
name="email"
placeholder={email}
registerOptions={{ required: true }}
type="email"
/>
<Phone
label={phoneNumber}
name="phoneNumber"
placeholder={phoneNumber}
/>
<Phone label={phoneNumber} name="phoneNumber" />
<Select
items={languageSelect}
label={formatMessage({ id: "Language" })}
@@ -79,17 +68,11 @@ export default function FormContent() {
<header>
<Body textTransform="bold">{formatMessage({ id: "Password" })}</Body>
</header>
<Input
label={password}
name="currentPassword"
placeholder={password}
type="password"
/>
<Input label={password} name="currentPassword" type="password" />
<NewPassword />
<Input
label={retypeNewPassword}
name="retypeNewPassword"
placeholder={retypeNewPassword}
type="password"
/>
</section>

16
components/TempDesignSystem/Form/NewPassword/newPassword.module.css
View File

@@ -42,7 +42,9 @@
}
.input:focus,
.input:focus:placeholder-shown {
.input:focus:placeholder-shown,
.input:active,
.input:active:placeholder-shown {
height: 18px;
transition: height 150ms ease;
outline: none;
@@ -52,15 +54,15 @@
color: var(--Main-Grey-40);
}
.helpText {
align-items: flex-start;
display: flex;
gap: var(--Spacing-x-half);
}
.errors {
display: flex;
flex-wrap: wrap;
gap: var(--Spacing-x-one-and-half) var(--Spacing-x1);
padding-top: var(--Spacing-x1);
}
.helpText {
align-items: flex-start;
display: flex;
gap: var(--Spacing-x-half);
}