Setup Selectize for Filterer Values

This commit is contained in:
William Comartin 2017-05-08 00:30:55 -04:00
parent 8653b5b928
commit f41280f5b9
4 changed files with 32 additions and 8 deletions

View file

@ -13,7 +13,7 @@ a:focus {
text-decoration: none; text-decoration: none;
outline: none; outline: none;
} }
select { select, .react-selectize.bootstrap3.root-node .react-selectize-control {
margin: 5px 0 5px 0; margin: 5px 0 5px 0;
border: 2px solid #444; border: 2px solid #444;
background: #333; background: #333;
@ -71,6 +71,25 @@ select.form-control {
border-radius: 3px; border-radius: 3px;
transition: background-color .3s; transition: background-color .3s;
} }
.react-selectize.root-node .react-selectize-control {
color: #fff !important;
border: 0px solid #444 !important;
background: #555 !important;
padding: 1px 2px;
}
.react-selectize.root-node .react-selectize-control .react-selectize-placeholder {
color: #fff !important;
}
.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button path {
fill: #fff !important;
}
.react-selectize.root-node .simple-value span {
padding-bottom: 2px !important;
}
.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input{
padding-top: 3px !important;
padding-bottom: 3px !important;
}
select.form-control:focus { select.form-control:focus {
outline: 0; outline: 0;
outline: thin dotted \9; outline: thin dotted \9;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -3,6 +3,8 @@
available_notification_actions = notifiers.available_notification_actions() available_notification_actions = notifiers.available_notification_actions()
%> %>
% if notifier: % if notifier:
<link href="${http_root}css/selectize.bootstrap3.css" rel="stylesheet" />
<link href="${http_root}css/selectize.min.css" rel="stylesheet" />
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">