# HG changeset patch # User Bradley M. Kuhn # Date 2014-05-16 22:36:54 # Node ID 15e507047baee7329a0e73321cdb43d0e97eff59 # Parent 3e32980f50f29adbe84c3d4eb17e5a562e952794 Incorporate CSS from select2-bootstrap-css & its license information. RhodeCode 2.2.5 included a modified version of this upstream work. We include herein the upstream version as downloaded and incorporated using the following commands: (cd /tmp; \ git clone https://github.com/t0m/select2-bootstrap-css ) cp /tmp/select2-bootstrap-css/select2-bootstrap.css rhodecode/public/js/select2/ The content used to be appended to select2.css but we now keep it in a separate file select2-bootstrap.css . This file could be included in root.html like select2.css but we do currently not want to use bootstrap. The license info was incorporated from /tmp/select2-bootstrap-css/LICENSE into our LICENSE.md file. diff --git a/LICENSE.md b/LICENSE.md --- a/LICENSE.md +++ b/LICENSE.md @@ -107,4 +107,18 @@ Kallithea is GPLv3'd. +Select2-Bootstrap-CSS +--------------------- + +Kallithea incorporates some CSS from a system called +[Select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css), which +is: + +Copyright © 2013 Tom Terrace (and likely others) + +and licensed under the MIT-permissive license, which is +[included in this distribution](MIT-Permissive-License.txt). + + + EOF diff --git a/rhodecode/public/js/select2/select2-bootstrap.css b/rhodecode/public/js/select2/select2-bootstrap.css new file mode 100644 --- /dev/null +++ b/rhodecode/public/js/select2/select2-bootstrap.css @@ -0,0 +1,115 @@ +/** + * Select2 Bootstrap CSS 1.0 + * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * MIT License + */ +.select2-container { + vertical-align: middle; +} +.select2-container.input-mini { + width: 60px; +} +.select2-container.input-small { + width: 90px; +} +.select2-container.input-medium { + width: 150px; +} +.select2-container.input-large { + width: 210px; +} +.select2-container.input-xlarge { + width: 270px; +} +.select2-container.input-xxlarge { + width: 530px; +} +.select2-container.input-default { + width: 220px; +} +.select2-container[class*="span"] { + float: none; + margin-left: 0; +} + +.select2-container .select2-choice, +.select2-container-multi .select2-choices { + height: 28px; + line-height: 29px; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: none; + background-color: white; + filter: none; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.select2-container .select2-choice div, .select2-container .select2-choice .select2-arrow, +.select2-container.select2-container-disabled .select2-choice div, +.select2-container.select2-container-disabled .select2-choice .select2-arrow { + border-left: none; + background: none; + filter: none; +} + +.control-group.error [class^="select2-choice"] { + border-color: #b94a48; +} + +.select2-container-multi .select2-choices .select2-search-field { + height: 28px; + line-height: 27px; +} + +.select2-drop.select2-drop-active, +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + border-color: #ccc\0; + outline: none; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); +} + +[class^="input-"] .select2-container { + font-size: 14px; +} + +.input-prepend [class^="select2-choice"] { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-append [class^="select2-choice"] { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-dropdown-open [class^="select2-choice"] { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-dropdown-open.select2-drop-above [class^="select2-choice"] { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +[class^="input-"] .select2-offscreen { + position: absolute; +} + +/** + * This stops the quick flash when a native selectbox is shown and + * then replaced by a select2 input when javascript kicks in. This can be + * removed if javascript is not present + */ +select.select2 { + height: 28px; + visibility: hidden; +}