1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-23 01:39:36 +01:00

piece list toolbar responsive

This commit is contained in:
Tim Daubenschütz 2015-07-01 11:13:45 +02:00
parent a4fd7fc837
commit 75ea9e1da6

View File

@ -1,13 +1,12 @@
'use strict'; 'use strict';
import React from 'react'; import React from 'react';
import Router from 'react-router';
import Input from 'react-bootstrap/lib/Input'; import Input from 'react-bootstrap/lib/Input';
import Glyphicon from 'react-bootstrap/lib/Glyphicon'; import Glyphicon from 'react-bootstrap/lib/Glyphicon';
import Button from 'react-bootstrap/lib/Button'; import ButtonLink from 'react-router-bootstrap/lib/ButtonLink';
import Row from 'react-bootstrap/lib/Row';
let Link = Router.Link; import Col from 'react-bootstrap/lib/Col';
let PieceListToolbar = React.createClass({ let PieceListToolbar = React.createClass({
@ -29,15 +28,19 @@ let PieceListToolbar = React.createClass({
<div className="row"> <div className="row">
<div className="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div className="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div className="row"> <div className="row">
<div className="col-xs-12 col-md-12 col-md-5 col-lg-4 col-sm-offset-1 col-md-offset-2 col-lg-offset-2 clear-paddings"> <div className="col-xs-12 col-md-8 col-lg-8 col-sm-offset-1 col-md-offset-2 col-lg-offset-2 clear-paddings">
<div className="form-inline"> <Input wrapperClassName='wrapper'>
<Input type='text' ref="search" placeholder="Search..." onChange={this.searchFor} addonAfter={searchIcon} /> <Row>
&nbsp;&nbsp; <Col xs={7} sm={4}>
{/*<PieceListToolbarFilterWidgetFilter />*/} <Input type='text' ref="search" placeholder="Search..." onChange={this.searchFor} addonAfter={searchIcon} />
<Link to="register_piece"> </Col>
<Button>+ Artwork</Button> <Col xs={5} sm={5}>
</Link> <ButtonLink to="register_piece">
</div> + Artwork
</ButtonLink>
</Col>
</Row>
</Input>
</div> </div>
</div> </div>
</div> </div>