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

generic range input styling

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-14 19:54:36 +02:00
parent 287eea3c94
commit 21f0e1fdc8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/atoms/Input/InputElement.module.css
View File

@ -204,6 +204,34 @@
border-color: var(--brand-grey);
}
input[type='range'] {
background: none;
}
input[type='range']:focus {
outline: none;
}
input[type='range']::-webkit-slider-thumb,
input[type='range']::-moz-range-thumb {
appearance: none;
background: var(--brand-gradient);
border: 2px solid var(--brand-grey-lighter);
width: var(--font-size-large);
height: var(--font-size-large);
border-radius: 50%;
cursor: pointer;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
}
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-moz-range-track {
background: var(--brand-grey-lighter);
border-radius: var(--border-radius);
height: 0.3rem;
border: none;
}
/* Size modifiers */
.small {

1
src/components/organisms/AssetActions/Pool/Remove.tsx
View File

@ -25,6 +25,7 @@ const contentQuery = graphql`
childContentJson {
pool {
remove {
title
simple
advanced
output {