Skip to content

Commit

Permalink
fix: style issues in textfield when used as textarea
Browse files Browse the repository at this point in the history 
affects: @medly-components/core, @medly-components/forms
  • Loading branch information
@gmukul01
gmukul01 committed Oct 23, 2024
1 parent 63930fc commit cadb6b3
Show file tree
Hide file tree
Showing 10 changed files with 846 additions and 423 deletions.
75 changes: 50 additions & 25 deletions packages/core/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,23 +65,28 @@ exports[`DatePicker component calendar icon should show calendar icon displayed
border-width: 0.2rem;
}
.c4 input {
.c4 input,
.c4 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}
.c4 input::-webkit-input-placeholder {
.c4 input::-webkit-input-placeholder,
.c4 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}
.c4 input::-moz-placeholder {
.c4 input::-moz-placeholder,
.c4 textarea::-moz-placeholder {
color: #C7D0D8;
}
.c4 input:-ms-input-placeholder {
.c4 input:-ms-input-placeholder,
.c4 textarea:-ms-input-placeholder {
color: #C7D0D8;
}
.c4 input::placeholder {
.c4 input::placeholder,
.c4 textarea::placeholder {
color: #C7D0D8;
}
Expand Down Expand Up @@ -439,23 +444,28 @@ exports[`DatePicker component calendar icon should show calendar icon displayed
border-width: 0.2rem;
}
.c4 input {
.c4 input,
.c4 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}
.c4 input::-webkit-input-placeholder {
.c4 input::-webkit-input-placeholder,
.c4 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}
.c4 input::-moz-placeholder {
.c4 input::-moz-placeholder,
.c4 textarea::-moz-placeholder {
color: #C7D0D8;
}
.c4 input:-ms-input-placeholder {
.c4 input:-ms-input-placeholder,
.c4 textarea:-ms-input-placeholder {
color: #C7D0D8;
}
.c4 input::placeholder {
.c4 input::placeholder,
.c4 textarea::placeholder {
color: #C7D0D8;
}
Expand Down Expand Up @@ -13334,23 +13344,28 @@ exports[`DatePicker component should render properly when hideInput prop is pass
border-width: 0.2rem;
}
.c4 input {
.c4 input,
.c4 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}
.c4 input::-webkit-input-placeholder {
.c4 input::-webkit-input-placeholder,
.c4 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}
.c4 input::-moz-placeholder {
.c4 input::-moz-placeholder,
.c4 textarea::-moz-placeholder {
color: #C7D0D8;
}
.c4 input:-ms-input-placeholder {
.c4 input:-ms-input-placeholder,
.c4 textarea:-ms-input-placeholder {
color: #C7D0D8;
}
.c4 input::placeholder {
.c4 input::placeholder,
.c4 textarea::placeholder {
color: #C7D0D8;
}
Expand Down Expand Up @@ -13766,23 +13781,28 @@ exports[`DatePicker component should render properly when value is of date type
transition: all 100ms ease-out;
}
.c4 input {
.c4 input,
.c4 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}
.c4 input::-webkit-input-placeholder {
.c4 input::-webkit-input-placeholder,
.c4 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}
.c4 input::-moz-placeholder {
.c4 input::-moz-placeholder,
.c4 textarea::-moz-placeholder {
color: #C7D0D8;
}
.c4 input:-ms-input-placeholder {
.c4 input:-ms-input-placeholder,
.c4 textarea:-ms-input-placeholder {
color: #C7D0D8;
}
.c4 input::placeholder {
.c4 input::placeholder,
.c4 textarea::placeholder {
color: #C7D0D8;
}
Expand Down Expand Up @@ -14126,23 +14146,28 @@ exports[`DatePicker component should render properly when value is of string typ
transition: all 100ms ease-out;
}
.c4 input {
.c4 input,
.c4 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}
.c4 input::-webkit-input-placeholder {
.c4 input::-webkit-input-placeholder,
.c4 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}
.c4 input::-moz-placeholder {
.c4 input::-moz-placeholder,
.c4 textarea::-moz-placeholder {
color: #C7D0D8;
}
.c4 input:-ms-input-placeholder {
.c4 input:-ms-input-placeholder,
.c4 textarea:-ms-input-placeholder {
color: #C7D0D8;
}
.c4 input::placeholder {
.c4 input::placeholder,
.c4 textarea::placeholder {
color: #C7D0D8;
}
Expand Down
60 changes: 40 additions & 20 deletions packages/core/src/components/DateRangePicker/__snapshots__/DateRangePicker.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2242,23 +2242,28 @@ exports[`DateRangePicker Custom date range options should render properly with c
border-width: 0.2rem;
}

.c1 input {
.c1 input,
.c1 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}

.c1 input::-webkit-input-placeholder {
.c1 input::-webkit-input-placeholder,
.c1 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}

.c1 input::-moz-placeholder {
.c1 input::-moz-placeholder,
.c1 textarea::-moz-placeholder {
color: #C7D0D8;
}

.c1 input:-ms-input-placeholder {
.c1 input:-ms-input-placeholder,
.c1 textarea:-ms-input-placeholder {
color: #C7D0D8;
}

.c1 input::placeholder {
.c1 input::placeholder,
.c1 textarea::placeholder {
color: #C7D0D8;
}

Expand Down Expand Up @@ -24950,23 +24955,28 @@ exports[`DateRangePicker should render properly 1`] = `
border-width: 0.2rem;
}

.c1 input {
.c1 input,
.c1 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}

.c1 input::-webkit-input-placeholder {
.c1 input::-webkit-input-placeholder,
.c1 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}

.c1 input::-moz-placeholder {
.c1 input::-moz-placeholder,
.c1 textarea::-moz-placeholder {
color: #C7D0D8;
}

.c1 input:-ms-input-placeholder {
.c1 input:-ms-input-placeholder,
.c1 textarea:-ms-input-placeholder {
color: #C7D0D8;
}

.c1 input::placeholder {
.c1 input::placeholder,
.c1 textarea::placeholder {
color: #C7D0D8;
}

Expand Down Expand Up @@ -27387,23 +27397,28 @@ exports[`DateRangePicker should render properly with single month 1`] = `
border-width: 0.2rem;
}

.c2 input {
.c2 input,
.c2 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}

.c2 input::-webkit-input-placeholder {
.c2 input::-webkit-input-placeholder,
.c2 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}

.c2 input::-moz-placeholder {
.c2 input::-moz-placeholder,
.c2 textarea::-moz-placeholder {
color: #C7D0D8;
}

.c2 input:-ms-input-placeholder {
.c2 input:-ms-input-placeholder,
.c2 textarea:-ms-input-placeholder {
color: #C7D0D8;
}

.c2 input::placeholder {
.c2 input::placeholder,
.c2 textarea::placeholder {
color: #C7D0D8;
}

Expand Down Expand Up @@ -29335,23 +29350,28 @@ exports[`DateRangePicker should render properly with single month for mobile scr
border-width: 0.2rem;
}

.c2 input {
.c2 input,
.c2 textarea {
box-shadow: 0 0 0 100000px #eff2f4 inset;
}

.c2 input::-webkit-input-placeholder {
.c2 input::-webkit-input-placeholder,
.c2 textarea::-webkit-input-placeholder {
color: #C7D0D8;
}

.c2 input::-moz-placeholder {
.c2 input::-moz-placeholder,
.c2 textarea::-moz-placeholder {
color: #C7D0D8;
}

.c2 input:-ms-input-placeholder {
.c2 input:-ms-input-placeholder,
.c2 textarea:-ms-input-placeholder {
color: #C7D0D8;
}

.c2 input::placeholder {
.c2 input::placeholder,
.c2 textarea::placeholder {
color: #C7D0D8;
}

Expand Down
Loading

0 comments on commit cadb6b3

Please sign in to comment.