ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-02-14 21:10:27 +01:00
Code Issues Releases Wiki Activity

add styling for piece list filter widget

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-08-04 15:58:39 +02:00
parent fb10d9329b
commit f31d576583
2 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js
View File

@ -115,15 +115,15 @@ let PieceListToolbarFilterWidgetFilter = React.createClass({
<MenuItem <MenuItem
key={i} key={i}
onClick={this.filterBy(param)} onClick={this.filterBy(param)}
style={{'textAlign': 'center'}}> className="filter-widget-item">
<div className="checkbox-line"> <div className="checkbox-line">
<span> <span>
{getLangText('I can') + ' ' + getLangText(label)} {getLangText('I can') + ' ' + getLangText(label)}
<input
readOnly
type="checkbox"
checked={this.state.filterBy[param]} />
</span> </span>
<input
readOnly
type="checkbox"
checked={this.state.filterBy[param]} />
</div> </div>
</MenuItem> </MenuItem>
); );

27
sass/ascribe_piece_list_toolbar.scss
View File

@ -13,13 +13,32 @@
.ascribe-piece-list-toolbar-filter-widget { .ascribe-piece-list-toolbar-filter-widget {
margin-right: 1em; margin-right: 1em;
.checkbox-line {
span { .filter-widget-item {
cursor: pointer;
> a {
padding-left: 0;
padding-right: 0;
} }
}
.checkbox-line {
position: relative;
height: 25px;
span {
position: absolute;
left: 9px;
top: 3px;
cursor: pointer;
margin-right: 10px;
}
input { input {
position: relative; position: absolute;
top: 2px; top: 2px;
right: 9px;
margin-left: 10px; margin-left: 10px;
} }
} }