From 1851e1cc966180df58ff8dc75cf74559dd5db5cc Mon Sep 17 00:00:00 2001 From: edward Date: Fri, 24 Nov 2017 21:37:51 +0800 Subject: [PATCH] less/roojs-bootstrap/combobox.less --- less/roojs-bootstrap/combobox.less | 285 +++++++++++++++++++++++++++++ 1 file changed, 285 insertions(+) diff --git a/less/roojs-bootstrap/combobox.less b/less/roojs-bootstrap/combobox.less index 8b13789179..49e4b82b6f 100644 --- a/less/roojs-bootstrap/combobox.less +++ b/less/roojs-bootstrap/combobox.less @@ -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 -- 2.39.2