mirror of
https://github.com/oceanprotocol/commons.git
synced 2023-03-15 18:03:00 +01:00
mobile tweaks for input group, select fixes
This commit is contained in:
parent
e550cc1e9f
commit
c6e84676c4
@ -1,7 +1,7 @@
|
||||
@import '../../styles/variables';
|
||||
|
||||
.content {
|
||||
padding: 0 $spacer / 2;
|
||||
padding: 0 $spacer / 1.5;
|
||||
max-width: $break-point--small;
|
||||
margin: 0 auto;
|
||||
|
||||
|
@ -52,6 +52,7 @@ export default class Input extends PureComponent<InputProps, InputState> {
|
||||
return (
|
||||
<div className={this.inputWrapClasses()}>
|
||||
<select className={styles.select} {...props}>
|
||||
<option value="none">---</option>
|
||||
{props.options &&
|
||||
props.options.map(
|
||||
(option: string, index: number) => (
|
||||
|
@ -1,21 +1,35 @@
|
||||
@import '../../../styles/variables';
|
||||
|
||||
.inputGroup {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
|
||||
@media screen and (min-width: $break-point--small) {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
> input {
|
||||
width: 75%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
@media screen and (min-width: $break-point--small) {
|
||||
width: 75%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> button {
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
box-shadow: none;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -120%;
|
||||
|
||||
@media screen and (min-width: $break-point--small) {
|
||||
position: relative;
|
||||
bottom: auto;
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
|
@ -38,14 +38,13 @@
|
||||
"label": "Type",
|
||||
"type": "select",
|
||||
"required": true,
|
||||
"options": ["", "Data set", "Algorithm", "Container", "Workflow", "Other"]
|
||||
"options": ["Data set", "Algorithm", "Container", "Workflow", "Other"]
|
||||
},
|
||||
"license": {
|
||||
"label": "License",
|
||||
"type": "select",
|
||||
"required": true,
|
||||
"options": [
|
||||
"No License Specified",
|
||||
"Public Domain",
|
||||
"CC BY: Attribution",
|
||||
"CC BY-SA: Attribution ShareAlike",
|
||||
@ -66,7 +65,6 @@
|
||||
"type": "select",
|
||||
"required": true,
|
||||
"options": [
|
||||
"",
|
||||
"Image Recognition",
|
||||
"Dataset Of Datasets",
|
||||
"Language",
|
||||
|
Loading…
Reference in New Issue
Block a user