ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +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
key={i}
onClick={this.filterBy(param)}
style={{'textAlign': 'center'}}>
className="filter-widget-item">
<div className="checkbox-line">
<span>
{getLangText('I can') + ' ' + getLangText(label)}
<input
readOnly
type="checkbox"
checked={this.state.filterBy[param]} />
</span>
<input
readOnly
type="checkbox"
checked={this.state.filterBy[param]} />
</div>
</MenuItem>
);

27
sass/ascribe_piece_list_toolbar.scss
View File

@ -13,13 +13,32 @@
.ascribe-piece-list-toolbar-filter-widget {
margin-right: 1em;
.checkbox-line {
span {
cursor: pointer;
.filter-widget-item {
> 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 {
position: relative;
position: absolute;
top: 2px;
right: 9px;
margin-left: 10px;
}
}