maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix Firefox: category options were grey

Browse source
This commit is contained in:
Vesa Luusua 2018-11-05 11:31:13 +02:00
parent 9914504902
commit 3c99a88708
5 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/FieldBirthdayInput/FieldBirthdayInput.js
View file

@ -155,7 +155,7 @@ class BirthdayInputComponent extends Component {
onBlur={() => this.handleSelectBlur()}
onChange={e => this.handleSelectChange('day', e.target.value)}
>
<option>{datePlaceholder}</option>
<option disabled>{datePlaceholder}</option>
{days.map(d => (
<option key={d} value={d}>
{pad(d)}
@ -176,7 +176,7 @@ class BirthdayInputComponent extends Component {
onBlur={() => this.handleSelectBlur()}
onChange={e => this.handleSelectChange('month', e.target.value)}
>
<option>{monthPlaceholder}</option>
<option disabled>{monthPlaceholder}</option>
{months.map(m => (
<option key={m} value={m}>
{pad(m)}
@ -197,7 +197,7 @@ class BirthdayInputComponent extends Component {
onBlur={() => this.handleSelectBlur()}
onChange={e => this.handleSelectChange('year', e.target.value)}
>
<option>{yearPlaceholder}</option>
<option disabled>{yearPlaceholder}</option>
{years.map(y => (
<option key={y} value={y}>
{y}

7
src/components/FieldSelect/FieldSelect.css
View file

@ -6,6 +6,13 @@
.select {
color: var(--matterColorAnti);
border-bottom-color: var(--attentionColor);
& > option {
color: var(--matterColor);
}
& > option:disabled {
color: var(--matterColorAnti);
}
}
.selectSuccess {

4
src/forms/EditListingDescriptionForm/CustomCategorySelectFieldMaybe.js
View file

@ -25,7 +25,9 @@ const CustomCategorySelectFieldMaybe = props => {
label={categoryLabel}
validate={categoryRequired}
>
<option value="">{categoryPlaceholder}</option>
<option disabled value="">
{categoryPlaceholder}
</option>
{categories.map(c => (
<option key={c.key} value={c.key}>
{c.label}

1
src/forms/EditListingDescriptionForm/__snapshots__/EditListingDescriptionForm.test.js.snap
View file

@ -68,6 +68,7 @@ exports[`EditListingDescriptionForm matches snapshot 1`] = `
value=""
>
<option
disabled={true}
value=""
>
EditListingDescriptionForm.categoryPlaceholder

4
src/forms/PayoutDetailsForm/PayoutDetailsForm.js
View file

@ -236,7 +236,9 @@ const PayoutDetailsFormComponent = props => (
label={countryLabel}
validate={countryRequired}
>
<option value="">{countryPlaceholder}</option>
<option disabled value="">
{countryPlaceholder}
</option>
{supportedCountries.map(c => (
<option key={c} value={c}>
{intl.formatMessage({ id: `PayoutDetailsForm.countryNames.${c}` })}