less/roojs-bootstrap/combobox.less
authoredward <edward@roojs.com>
Fri, 24 Nov 2017 13:37:51 +0000 (21:37 +0800)
committeredward <edward@roojs.com>
Fri, 24 Nov 2017 13:37:51 +0000 (21:37 +0800)
less/roojs-bootstrap/combobox.less

index 8b13789..49e4b82 100644 (file)
@@ -1 +1,286 @@
+/*
+ *
+ * From https://github.com/danielfarrell/bootstrap-combobox
+ *
+ */
 
+.combobox-container {
+  margin-bottom: 5px;
+  *zoom: 1;
+  display: inline-table;
+}
+.combobox-container:before,
+.combobox-container:after {
+  display: table;
+  content: "";
+}
+.combobox-container:after {
+  /* clear: both; */
+}
+.combobox-container input,
+.combobox-container .uneditable-input {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+.combobox-container input:focus,
+.combobox-container .uneditable-input:focus {
+  position: relative;
+  z-index: 2;
+}
+.combobox-container .uneditable-input {
+  border-left-color: #ccc;
+}
+.combobox-container .add-on {
+  float: left;
+  display: inline-block;
+  width: auto;
+  min-width: 16px;
+  height: inherit !important;
+  margin-right: -1px;
+  padding: 4px 5px;
+  font-weight: normal;
+  color: #999999;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+  
+}
+.combobox-container .active {
+  background-color: #3875d7;
+  color: #fff;
+}
+.combobox-container input,
+.combobox-container .uneditable-input {
+  float: left;
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+.combobox-container .uneditable-input {
+  border-left-color: #eee;
+  border-right-color: #ccc;
+}
+.combobox-container .add-on {
+  margin-right: 0;
+  margin-left: -1px;
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+.combobox-container input:first-child {
+  *margin-left: -160px;
+}
+.combobox-container input:first-child + .add-on {
+  *margin-left: -21px;
+}
+.combobox-container select {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  text-indent: -99999px;
+  *text-indent: 0;
+}
+.form-search .combobox-container,
+.form-inline .combobox-container {
+  display: inline-block;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+.form-search .combobox-container .add-on,
+.form-inline .combobox-container .add-on {
+  vertical-align: middle;
+}
+.combobox-selected .combobox-clear {
+  display: inline-block;
+}
+.combobox-selected .caret {
+  display: none;
+}
+.combobox-clear {
+  display: none;
+  width: 14px;
+  height: 14px;
+  line-height: 14px;
+  vertical-align: top;
+  opacity: 0.3;
+  filter: alpha(opacity=30);
+}
+.dropdown:hover .combobox-clear,
+.open.dropdown .combobox-clear {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.btn .combobox-clear {
+  margin-top: 1px;
+  margin-left: 1px;
+}
+.btn:hover .combobox-clear,
+.open.btn-group .combobox-clear {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.typeahead-long {
+  max-height: 300px;
+  overflow-y: auto;
+}
+.control-group.error .combobox-container .add-on {
+  color: #B94A48;
+  border-color: #B94A48;
+}
+.control-group.error .combobox-container .caret {
+  border-top-color: #B94A48;
+}
+.control-group.warning .combobox-container .add-on {
+  color: #C09853;
+  border-color: #C09853;
+}
+.control-group.warning .combobox-container .caret {
+  border-top-color: #C09853;
+}
+.control-group.success .combobox-container .add-on {
+  color: #468847;
+  border-color: #468847;
+}
+.control-group.success .combobox-container .caret {
+  border-top-color: #468847;
+}
+.btn .combobox-clear [class^="icon-"] {
+  line-height: 1.4em;
+}
+.combobox-container .dropdown-menu {
+    border-radius: 0;
+    padding: 0;
+    border: 1px solid #66afe9;
+    border-top: none;
+    
+}
+
+.roo-select2-container .dropdown-menu {
+    border: 1px solid #5897fb;
+}
+
+.dropdown-menu .active {
+    background: #3875d7;
+    color: #fff;
+}
+
+.dropdown-menu .active label{
+    color: #fff;
+}
+
+.dropdown-menu .roo-select2-result {
+    padding: 3px 7px 4px;
+    margin: 0;
+    cursor: pointer;
+    min-height: 1em;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.roo-select2-container,
+.roo-select2-choices .roo-select2-search-field{
+    width: 100%
+}
+.roo-select2-container .x-combo-noedit {
+   cursor: pointer;
+   background-color: #fff;
+
+}
+.roo-select2-container .x-combo-noedit[disabled] {
+   cursor: not-allowed;
+   background-color: #eee;
+
+}
+
+.roo-combobox-tickable .roo-select2-choices {
+   border: none;
+   background-image: none;
+}
+
+.roo-combobox-tickable .roo-select2-result label {
+    width: 100%;
+}
+/* zindex of dialogs is 10000++ so dropdowns have to be higher... */
+
+.dropdown-menu {
+  z-index: 20002 !important;
+}
+
+.dropdown-menu .checkbox label {
+    width: 100%;
+}
+
+.roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+.dropdown-menu .roo-select2-result .checkbox {
+    margin-top: 3px;
+    margin-bottom: 3px;
+}
+
+.roo-select2-container .input-group-addon {
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-left: 0px;
+}
+
+.roo-select2-container .roo-removable {
+    position: relative;
+}
+
+.roo-select2-container .roo-removable .roo-combo-removable-btn {
+    position: absolute;
+    right: 10px;
+    z-index: 2;
+    top: 5px;
+}
+
+.roo-select2-container .has-feedback .roo-combo-removable-btn {
+    position: absolute;
+    right: 35px;
+    z-index: 2;
+    top: 5px;
+}
+
+/*
+.roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
+    position: absolute;
+    right: 40px;
+    z-index: 2;
+    top: 5px;
+}
+
+.roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
+    position: absolute;
+    right: 70px;
+    z-index: 2;
+    top: 5px;
+}
+
+
+.roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
+    position: absolute;
+    right: 35px;
+    z-index: 2;
+    top: 5px;
+}*/
+
+.has-warning .roo-select2-container-multi {
+    border: 1px solid #8a6d3b;
+}
+
+.roo-ios-select {
+    width: 100%;
+}
\ No newline at end of file