Add padding for selectize-dropdown-content scrollbar

sg00dwin · sg00dwin · commit 1ff3d8fef24c · 2016-08-02T14:53:03.000-04:00
diff --git a/bower.json b/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"
diff --git a/index.html b/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"},
diff --git a/labelFilter.css b/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;
diff --git a/styles/labelFilter.less b/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();
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "kubernetes-label-selector",`
`3`		`- "version": "1.0.1",`
	`3`	`+ "version": "1.0.2",`
`4`	`4`	`"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.",`
`5`	`5`	`"moduleType": [`
`6`	`6`	`"globals"`
Original file line number	Diff line number	Diff line change
`@@ -374,7 +374,7 @@`
`374`	`374`	`}`
`375`	`375`	`.selectize-dropdown [data-selectable],`
`376`	`376`	`.selectize-dropdown .optgroup-header {`
`377`		`- padding: 5px 7px;`
	`377`	`+ padding: 5px 20px 5px 7px;`
`378`	`378`	`word-break: break-all;`
`379`	`379`	`word-break: break-word;`
`380`	`380`	`overflow-wrap: break-word;`
Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ overflow-wrap: break-word; // new name as per the CSS3 spec`
`129`	`129`	`border-color: @btn-default-border;`
`130`	`130`	`}`
`131`	`131`	`.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {`
`132`		`- padding: 5px 7px;`
	`132`	`+ padding: 5px 20px 5px 7px;`
`133`	`133`	`.word-break-all();`
`134`	`134`	`}`
`135`	`135`