oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

added clear to inputs

Browse Source
This commit is contained in:
EnzoVezzaro 2022-09-08 07:47:46 -04:00
parent e29b153589
commit c3c681c9ff
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/@shared/FormInput/InputElement.module.css
View File

@ -32,6 +32,32 @@
opacity: 0.7; opacity: 0.7;
} }
.input::-webkit-search-cancel-button {
-webkit-appearance: none;
display: inline-block;
width: 0.7rem;
height: 0.7rem;
margin-left: 10px;
background: linear-gradient(
45deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 43%,
var(--color-primary) 45%,
var(--color-primary) 55%,
rgba(0, 0, 0, 0) 57%,
rgba(0, 0, 0, 0) 100%
),
linear-gradient(
135deg,
transparent 0%,
transparent 43%,
var(--color-primary) 45%,
var(--color-primary) 55%,
transparent 57%,
transparent 100%
);
}
.input[readonly], .input[readonly],
.input[disabled] { .input[disabled] {
background-color: var(--background-highlight); background-color: var(--background-highlight);

1
src/components/@shared/FormInput/InputElement.tsx
View File

@ -30,6 +30,7 @@ const DefaultInput = ({
className={cx({ input: true, [size]: size, [className]: className })} className={cx({ input: true, [size]: size, [className]: className })}
id={props.name} id={props.name}
{...props} {...props}
type={props.type === 'text' || props.type === 'url' ? 'search' : props.type}
/> />
) )