Bootstrap select for blog categories

assets/cp.styles.css

@@ -947,6 +947,42 @@ div.wysiwyg.focused {
 	color: #1a73e8;
 }
 
+/* Bootstrap select */
+.bs-searchbox,
+.bs-actionsbox,
+.bs-donebutton {
+	padding: 0px 8px 8px 8px;
+}
+
+.bootstrap-select button.btn {
+	outline: 0;
+	border-color: #ced4da;
+}
+
+.bootstrap-select button.btn:active,
+.bootstrap-select button.btn:hover,
+.bootstrap-select button.btn:focus {
+	outline: 0 !important;
+}
+
+.bootstrap-select ul.dropdown-menu li {
+	background-color: transparent;
+}
+
+.bootstrap-select.form-control.show {
+	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
+}
+
+.bootstrap-select.form-control.show button.btn {
+	border-color: #80bdff;
+	background-color: #fff;
+}
+
+.bootstrap-select .dropdown-menu li a.selected {
+	background-color: #007bff;
+	color: #fff;
+}
+
 /* Mobile fixes */
 @media (min-width: 992px) {
 	body.cp.cp-sidebar-right .wrap .sidebar.sidebar-right.d-lg-table-cell {

modules/module_blog.go

@@ -422,7 +422,7 @@ func (this *Modules) RegisterModule_Blog() *Module {
 							`</div>` +
 							`<div class="col-md-9">` +
 							`<div>` +
-							`<select class="form-control" id="lbl_cats" name="cats[]" multiple>` +
+							`<select class="selectpicker form-control" id="lbl_cats" name="cats[]" data-live-search="true" multiple>` +
 							this.blog_GetCategorySelectOptions(wrap, 0, 0, selids) +
 							`</select>` +
 							`</div>` +
@@ -556,8 +556,8 @@ func (this *Modules) RegisterModule_Blog() *Module {
 							`</div>` +
 							`<div class="col-md-9">` +
 							`<div>` +
-							`<select class="form-control" id="lbl_parent" name="parent">` +
-							`<option value="0">&mdash;</option>` +
+							`<select class="selectpicker form-control" id="lbl_parent" name="parent" data-live-search="true">` +
+							`<option title="Nothing selected" value="0">&mdash;</option>` +
 							this.blog_GetCategorySelectOptions(wrap, data.A_id, parentId, []int{}) +
 							`</select>` +
 							`</div>` +

modules/module_blog_categories.go

@@ -57,7 +57,7 @@ func (this *Modules) blog_GetCategorySelectOptions(wrap *wrapper.Wrapper, id int
 					depth = 0
 				}
 				sub := strings.Repeat("— ", depth)
-				result += `<option value="` + html.EscapeString(string(values[0])) + `"` + disabled + selected + `>` + sub + html.EscapeString(string(values[2])) + `</option>`
+				result += `<option title="` + html.EscapeString(string(values[2])) + `" value="` + html.EscapeString(string(values[0])) + `"` + disabled + selected + `>` + sub + html.EscapeString(string(values[2])) + `</option>`
 			}
 		}
 	}