1
0
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:
Matthias Kretschmann 2019-02-08 17:46:32 +01:00
parent e550cc1e9f
commit c6e84676c4
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 26 additions and 13 deletions

View File

@ -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;

View File

@ -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) => (

View File

@ -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 {

View File

@ -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",