diff --git a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js index edb29e85..07e9bc5c 100644 --- a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js +++ b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js @@ -86,7 +86,7 @@ let PieceListToolbarFilterWidget = React.createClass({ + className="ascribe-piece-list-toolbar-widget"> {/* We iterate over filterParams, to receive the label and then for each label also iterate over its items, to get all filterable options */} {this.props.filterParams.map(({ label, items }, i) => { @@ -120,7 +120,7 @@ let PieceListToolbarFilterWidget = React.createClass({
  • + className="ascribe-piece-list-toolbar-widget-item">
    {getLangText(itemLabel)} diff --git a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js index 5257cc07..26226410 100644 --- a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js +++ b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js @@ -45,7 +45,7 @@ let PieceListToolbarOrderWidget = React.createClass({ }, render() { - let filterIcon = ( + let orderIcon = ( · @@ -56,8 +56,8 @@ let PieceListToolbarOrderWidget = React.createClass({ return ( + className="ascribe-piece-list-toolbar-widget" + title={orderIcon}>
  • {getLangText('Sort by')}:
  • @@ -66,7 +66,7 @@ let PieceListToolbarOrderWidget = React.createClass({
  • + className="ascribe-piece-list-toolbar-widget-item">
    {getLangText(param.replace('_', ' '))} diff --git a/sass/ascribe_custom_style.scss b/sass/ascribe_custom_style.scss index 55fe2868..e0c8c9e9 100644 --- a/sass/ascribe_custom_style.scss +++ b/sass/ascribe_custom_style.scss @@ -148,14 +148,10 @@ hr { font-weight: $ascribe--font-weight-light; } -.icon-ascribe-search{ +.icon-ascribe-search { color: $ascribe--button-default-color; } -.ascribe-piece-list-toolbar .btn-ascribe-add{ - display: none; -} - .ascribe-accordion-list { margin-bottom: 1em; } @@ -210,7 +206,6 @@ hr { .route--login, .route--signup { - .btn-spinner { background-color: $ascribe--button-default-color; } @@ -233,31 +228,6 @@ hr { } } -.btn-ascribe-add { - width: 30px; - height: 30px; - background-color: transparent !important; - border: 1px solid $ascribe-dark-blue; - border-radius: 50%; - - &:hover { - border-color: white!important; - background-color: $ascribe-dark-blue!important; - } - - > span { - position: absolute; - left: 0; - top: 2px; - width: 30px; - height: 30px; - color: $ascribe-dark-blue; - padding: 0.4em; - &:hover { - color: white; - } - } -} // buttons! // thought of the day: // "every great atrocity is the result of people just following orders" @@ -374,19 +344,6 @@ fieldset[disabled] .btn-secondary.active { } } -.ascribe-piece-list-toolbar-filter-widget button { - background-color: transparent; - border: 1px solid transparent; - color: $ascribe--button-default-color; - - &:hover, - &:active { - background-color: $ascribe--button-default-color !important; - border-color: $ascribe--button-default-color !important; - color: white; - } -} - .btn-wide { font-weight: $ascribe--font-weight-light; } diff --git a/sass/ascribe_piece_list_toolbar.scss b/sass/ascribe_piece_list_toolbar.scss index 06cbd1a7..a83447fb 100644 --- a/sass/ascribe_piece_list_toolbar.scss +++ b/sass/ascribe_piece_list_toolbar.scss @@ -1,4 +1,3 @@ - .ascribe-piece-list-toolbar { padding-left: 15px; padding-right: 15px; @@ -30,17 +29,17 @@ } } -.ascribe-piece-list-toolbar-filter-widget { - +.ascribe-piece-list-toolbar-widget { button { - background-color: rgba(0, 0, 0, 0); - border: 1px solid rgba(0, 0, 0, 0); - color: #02b6a3; + background-color: transparent; + border: 1px solid transparent; + color: $ascribe--button-default-color; padding: 6px 4px 6px 8px; &:hover, &:active { - background-color: #02b6a3 !important; + background-color: $ascribe--button-default-color !important; + border-color: $ascribe--button-default-color !important; color: white; } .caret { @@ -48,7 +47,7 @@ } } - .filter-widget-item { + .ascribe-piece-list-toolbar-widget-item { a { padding-left: 0; padding-right: 0;