ODWRTW/canape
2
2
Fork 0
Code Issues 3 Pull Requests 1 Releases Activity

Fix filter input on small devices

Browse Source
This commit is contained in:
Grégoire Delattre 2017-01-28 18:42:58 +01:00
parent 92b86bbe13
commit c8ef6de78c
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/public/js/components/list/filter.js
View File

@ -3,9 +3,9 @@ import { Control, Form } from 'react-redux-form';
export default function ListFilter(props) { export default function ListFilter(props) {
return ( return (
<div className="col-xs-12 col-md-12 list-filter"> <div className="row">
<div className="row"> <div className="col-xs-12 col-md-12 list-filter">
<Form model={props.formModel} className="input-group" > <Form model={props.formModel} className="input-group hidebtn-xs" >
<Control.text <Control.text
model={props.controlModel} model={props.controlModel}
className="form-control input-sm" className="form-control input-sm"

6
src/public/less/app.less
View File

@ -57,3 +57,9 @@ body {
div.sweet-alert > h2 { div.sweet-alert > h2 {
color: @body-bg; color: @body-bg;
} }
@media (max-width: @screen-xs-max) {
form.hidebtn-xs.input-group {
display: inherit;
}
}