Style fixes in RatingsFilter

appbaseio · Mar 2, 2017 · b635b86 · b635b86
1 parent 6546ff2
commit b635b86
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/app/assets/css/style.css b/app/assets/css/style.css
@@ -115,7 +115,7 @@
       top: -5px; }
     .rbc.rbc-ratingsfilter .rbc-label:hover {
       color: #424242; }
-    .rbc.rbc-ratingsfilter .rbc-label.active {
+    .rbc.rbc-ratingsfilter .rbc-label.rbc-active {
       font-family: "Lato Bold";
       color: #333; }
 

diff --git a/app/assets/styles/partials/components/_ratingsfilter.scss b/app/assets/styles/partials/components/_ratingsfilter.scss
@@ -24,7 +24,7 @@
 			color: #424242;
 		}
 
-		&.active {
+		&.rbc-active {
 			font-family: $font-bold;
 			color: #333;
 		}

diff --git a/app/sensors/RatingsFilter.js b/app/sensors/RatingsFilter.js
@@ -100,7 +100,7 @@ export default class RatingsFilter extends Component {
 			});
 
 			buttons = this.props.data.map((record) => {
-				const cx = selectedItem === record.start ? "active" : "";
+				const cx = selectedItem === record.start ? "rbc-active" : "";
 				return (
 					<div className="rbc-list-item row" key={record.label} onClick={() => this.handleChange(record)}>
 						<label className={`rbc-label ${cx}`}>

diff --git a/dist/css/style.min.css b/dist/css/style.min.css