Add CategorySearch component and story

appbaseio · Feb 27, 2017 · fdb318a · fdb318a
1 parent 7efded2
commit fdb318a
Show file tree

Hide file tree

Showing 9 changed files with 485 additions and 18 deletions.
diff --git a/app/app.js b/app/app.js
@@ -4,13 +4,15 @@ import ToggleList from "./sensors/ToggleList";
 import DynamicRangeSlider from "./sensors/DynamicRangeSlider";
 import TagCloud from "./sensors/TagCloud";
 import RatingsFilter from "./sensors/RatingsFilter";
+import CategorySearch from "./sensors/CategorySearch";
 
 const combineObj = {
 	NestedList,
 	ToggleList,
 	DynamicRangeSlider,
 	TagCloud,
-	RatingsFilter
+	RatingsFilter,
+	CategorySearch
 };
 
 Object.keys(reactivebase).forEach((component) => {

diff --git a/app/assets/css/style.css b/app/assets/css/style.css
@@ -57,16 +57,17 @@
   .rbc.rbc-togglelist .rbc-list-item {
     margin: 10px 0; }
 
-.rbc.rbc-rangeslider .rbc-rangeslider-container {
-  margin: 25px 0; }
-  .rbc.rbc-rangeslider .rbc-rangeslider-container .rbc-title {
-    padding: 0;
-    padding-bottom: 15px; }
-  .rbc.rbc-rangeslider .rbc-rangeslider-container .inputRangeContainer {
-    padding: 15px 6px; }
-
-.rbc.rbc-rangeslider.rbc-labels-active .rbc-rangeslider-container {
-  margin: 25px 0 35px; }
+.rbc.rbc-dynamicrangeslider {
+  padding: 0 6px; }
+  .rbc.rbc-dynamicrangeslider .rbc-rangeslider-container {
+    margin: 25px 0; }
+    .rbc.rbc-dynamicrangeslider .rbc-rangeslider-container .rbc-title {
+      padding: 0;
+      padding-bottom: 15px; }
+    .rbc.rbc-dynamicrangeslider .rbc-rangeslider-container .inputRangeContainer {
+      padding: 15px 6px; }
+  .rbc.rbc-dynamicrangeslider.rbc-labels-active .rbc-rangeslider-container {
+    margin: 25px 0 35px; }
 
 .rbc-bar-container {
   position: relative;

diff --git a/app/assets/styles/partials/components/_dynamicrangeslider.scss b/app/assets/styles/partials/components/_dynamicrangeslider.scss
@@ -1,4 +1,6 @@
-.rbc.rbc-rangeslider {
+.rbc.rbc-dynamicrangeslider {
+	padding: 0 6px;
+
 	.rbc-rangeslider-container {
 		margin: 25px 0;