Merge pull request #24 from sg00dwin/dropdown-scrollbar-issue

Add padding for selectize-dropdown-content scrollbar

Author: jwforres

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "kubernetes-label-selector",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Provides a LabelSelector object that understand kubernetes labels and label selector syntax, and works directly with JSON API objects from kubernetes.  Also provides a label filtering widget.",
   "moduleType": [
     "globals"

index.html

@@ -62,7 +62,14 @@
                     label_1: [
                         {value: "value-1-1"},
                         {value: "value-1-2"},
-                        {value: "value-1-3"}
+                        {value: "value-1-3"},
+                        {value: "value-1-4"},
+                        {value: "value-1-5"},
+                        {value: "value-1-6"},
+                        {value: "value-1-7"},
+                        {value: "value-1-8"},
+                        {value: "value-1-9"},
+                        {value: "value-1-10"}
                     ],
                     label_2: [
                         {value: "value-2-1"},

labelFilter.css

@@ -374,7 +374,7 @@
 }
 .selectize-dropdown [data-selectable],
 .selectize-dropdown .optgroup-header {
-  padding: 5px 7px;
+  padding: 5px 20px 5px 7px;
   word-break: break-all;
   word-break: break-word;
   overflow-wrap: break-word;

styles/labelFilter.less

@@ -129,7 +129,7 @@ overflow-wrap: break-word; // new name as per the CSS3 spec
   border-color: @btn-default-border;
 }
 .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
-    padding: 5px 7px;
+    padding: 5px 20px 5px 7px;
     .word-break-all();
 }