From 1f6d128b35047662b3070e02a50e191410295f67 Mon Sep 17 00:00:00 2001 From: tom Date: Fri, 12 Apr 2013 14:02:34 -0500 Subject: [PATCH 01/62] MIT license --- LICENSE | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 LICENSE diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..1fbda03 --- /dev/null +++ b/LICENSE @@ -0,0 +1,8 @@ +The MIT License (MIT) +Copyright (c) 2013 Tom Terrace + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. \ No newline at end of file From 045c61694e9dd9e244029b34f8ecb63379c9caa9 Mon Sep 17 00:00:00 2001 From: Yuri Date: Fri, 19 Apr 2013 23:01:38 -0300 Subject: [PATCH 02/62] Fix border-radius when open --- select2-bootstrap.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index a3c28ca..f2068f0 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -70,6 +70,18 @@ border-bottom-right-radius: 0px; } +.select2-dropdown-open .select2-choice, +.select2-dropdown-open .select2-choices { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-dropdown-open.select2-drop-above .select2-choice, +.select2-dropdown-open.select2-drop-above .select2-choices { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + .input-prepend .select2-container > a.select2-choice > div, .input-append .select2-container > a.select2-choice > div { display:none; From cd8dd485f1435eba451fad2871ddf7756d5eb174 Mon Sep 17 00:00:00 2001 From: Yuri Date: Fri, 19 Apr 2013 23:03:29 -0300 Subject: [PATCH 03/62] Remove unnecessary px when zero --- select2-bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index f2068f0..35ee2ab 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -60,14 +60,14 @@ .input-prepend .select2-container > a.select2-choice, .input-prepend .select2-container-multi .select2-choices { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .input-append .select2-container > a, .input-append .select2-container-multi .select2-choices { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .select2-dropdown-open .select2-choice, From 1b49146f5208adeb01d2f56f27878264a069253f Mon Sep 17 00:00:00 2001 From: Yuri Date: Fri, 19 Apr 2013 23:04:38 -0300 Subject: [PATCH 04/62] Change background-image to background --- select2-bootstrap.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 35ee2ab..5884258 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -7,7 +7,7 @@ height:28px; border-radius: 3px; line-height: 29px; - background-image:none; + background:none; 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); @@ -17,14 +17,13 @@ .select2-container .select2-choice div { border-left:none; background:none; - background-image:none; filter:none; } .select2-container-multi .select2-choices { border:1px solid #ccc; border-radius: 3px; - background-image:none; + background:none; 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); From 321e24f06444429223532b2953e95ef32d676372 Mon Sep 17 00:00:00 2001 From: Yuri Date: Sun, 28 Apr 2013 17:23:59 -0300 Subject: [PATCH 05/62] Add space after the colons --- select2-bootstrap.css | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 5884258..e64b481 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -1,45 +1,45 @@ .select2-container { - vertical-align:middle; + vertical-align: middle; } .select2-container .select2-choice { - border:1px solid #ccc; - height:28px; + border: 1px solid #ccc; + height: 28px; border-radius: 3px; line-height: 29px; - background:none; - filter:none; + background: none; + 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 { - border-left:none; - background:none; - filter:none; + border-left: none; + background: none; + filter: none; } .select2-container-multi .select2-choices { - border:1px solid #ccc; + border: 1px solid #ccc; border-radius: 3px; - background:none; - filter:none; + background: none; + 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); } .control-group.error .select2-container-multi .select2-choices { - border-color:#B94A48; + border-color: #B94A48; } .control-group.error .select2-container .select2-choice { - border-color:#B94A48; + border-color: #B94A48; } .select2-container-multi .select2-choices .select2-search-field { - height:28px; + height: 28px; line-height: 27px; } @@ -54,7 +54,7 @@ } .input-append .select2-container, .input-prepend .select2-container { - font-size:14px; + font-size: 14px; } .input-prepend .select2-container > a.select2-choice, @@ -83,7 +83,7 @@ .input-prepend .select2-container > a.select2-choice > div, .input-append .select2-container > a.select2-choice > div { - display:none; + display: none; } .input-append .select2-offscreen, @@ -97,6 +97,6 @@ * removed if javascript is not present */ select.select2 { - height:28px; - visibility:hidden; + height: 28px; + visibility: hidden; } From 460d526474424e49b7c458e181f6e2af59a0355e Mon Sep 17 00:00:00 2001 From: tom Date: Sun, 5 May 2013 12:34:15 -0400 Subject: [PATCH 06/62] start tagging with version 1.0 --- select2-bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index e64b481..7b81ced 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -1,3 +1,9 @@ +/** + * Select2 Bootstrap CSS 1.0 + * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * MIT License + */ + .select2-container { vertical-align: middle; } From c8a6a850c622ff206990d466522b27495105d3e9 Mon Sep 17 00:00:00 2001 From: Yuri Date: Sun, 5 May 2013 19:03:13 -0300 Subject: [PATCH 07/62] Update similar selectors to attribute selectors --- select2-bootstrap.css | 27 ++++++++------------------- 1 file changed, 8 insertions(+), 19 deletions(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 7b81ced..beb18ee 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -36,11 +36,7 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } -.control-group.error .select2-container-multi .select2-choices { - border-color: #B94A48; -} - -.control-group.error .select2-container .select2-choice { +.control-group.error [class^="select2-choice"] { border-color: #B94A48; } @@ -50,7 +46,6 @@ } .select2-container-active .select2-choice, -.select2-container-active .select2-choices, .select2-container-multi.select2-container-active .select2-choices { border-color: rgba(82, 168, 236, 0.8); outline: none; @@ -59,41 +54,35 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6); } -.input-append .select2-container, .input-prepend .select2-container { +[class^="input-"] .select2-container { font-size: 14px; } -.input-prepend .select2-container > a.select2-choice, -.input-prepend .select2-container-multi .select2-choices { +.input-prepend [class^="select2-choice"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.input-append .select2-container > a, -.input-append .select2-container-multi .select2-choices { +.input-append [class^="select2-choice"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.select2-dropdown-open .select2-choice, -.select2-dropdown-open .select2-choices { +.select2-dropdown-open [class^="select2-choice"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -.select2-dropdown-open.select2-drop-above .select2-choice, -.select2-dropdown-open.select2-drop-above .select2-choices { +.select2-dropdown-open.select2-drop-above [class^="select2-choice"] { border-top-left-radius: 0; border-top-right-radius: 0; } -.input-prepend .select2-container > a.select2-choice > div, -.input-append .select2-container > a.select2-choice > div { +[class^="input-"] [class^="select2-choice"] > div { display: none; } -.input-append .select2-offscreen, -.input-prepend .select2-offscreen { +[class^="input-"] .select2-offscreen { position: absolute; } From c41ef2ae2e6184e8606c40e7e3769c437674df3c Mon Sep 17 00:00:00 2001 From: Yuri Date: Sun, 5 May 2013 23:18:47 -0300 Subject: [PATCH 08/62] Fix box-shadow for disabled single select --- select2-bootstrap.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index beb18ee..b11bb76 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -20,7 +20,8 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } -.select2-container .select2-choice div { +.select2-container .select2-choice div, +.select2-container.select2-container-disabled .select2-choice div { border-left: none; background: none; filter: none; From 4292e35bf078dcd4fcf34b57091455cb8212a9a3 Mon Sep 17 00:00:00 2001 From: Yuri Date: Sun, 5 May 2013 23:27:39 -0300 Subject: [PATCH 09/62] Fix Github shit auto pull --- select2-bootstrap.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index beb18ee..b11bb76 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -20,7 +20,8 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } -.select2-container .select2-choice div { +.select2-container .select2-choice div, +.select2-container.select2-container-disabled .select2-choice div { border-left: none; background: none; filter: none; From 5fb6358bbc942deb9ec7556a506c5b4810d99ba0 Mon Sep 17 00:00:00 2001 From: Yuri Date: Sun, 5 May 2013 23:37:15 -0300 Subject: [PATCH 10/62] Fix box-shadow for disabled single select --- select2-bootstrap.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 7b81ced..f794134 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -20,7 +20,8 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } -.select2-container .select2-choice div { +.select2-container .select2-choice div, +.select2-container.select2-container-disabled .select2-choice div { border-left: none; background: none; filter: none; From c8c877869c466121e9044b706ba291738e6cff07 Mon Sep 17 00:00:00 2001 From: Yuri Date: Mon, 6 May 2013 22:56:10 -0300 Subject: [PATCH 11/62] Add background-color - Fix #10 --- select2-bootstrap.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 7b81ced..bfaa89b 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -14,6 +14,7 @@ border-radius: 3px; line-height: 29px; background: none; + background-color: #fff; 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); @@ -30,6 +31,7 @@ border: 1px solid #ccc; border-radius: 3px; background: none; + background-color: #fff; 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); From 1db7796e3df7be7ad8baae72d11506f1742bdb88 Mon Sep 17 00:00:00 2001 From: Yuri Date: Mon, 6 May 2013 23:44:54 -0300 Subject: [PATCH 12/62] join .select2-container .select2-choice and .select2-container-multi .select2-choices --- select2-bootstrap.css | 18 ++++-------------- 1 file changed, 4 insertions(+), 14 deletions(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 7437737..aa2339f 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -8,11 +8,12 @@ vertical-align: middle; } -.select2-container .select2-choice { - border: 1px solid #ccc; +.select2-container .select2-choice, +.select2-container-multi .select2-choices { height: 28px; - border-radius: 3px; line-height: 29px; + border: 1px solid #ccc; + border-radius: 3px; background: none; background-color: #fff; filter: none; @@ -28,17 +29,6 @@ filter: none; } -.select2-container-multi .select2-choices { - border: 1px solid #ccc; - border-radius: 3px; - background: none; - background-color: #fff; - 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); -} - .control-group.error [class^="select2-choice"] { border-color: #B94A48; } From 7f2fd5c2bb5b7694a582f8e02820bf640dc50dc5 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 09:17:53 -0400 Subject: [PATCH 13/62] Made whitespace consistent. --- select2-bootstrap.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index aa2339f..44e8c4f 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -18,7 +18,7 @@ background-color: #fff; 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); + -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); } @@ -40,11 +40,11 @@ .select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices { - border-color: rgba(82, 168, 236, 0.8); - 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); + border-color: rgba(82, 168, 236, 0.8); + 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 { @@ -83,7 +83,7 @@ * 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; From 94345e2dc3df4bfd089000a64cb115ba827d4f7d Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 09:20:49 -0400 Subject: [PATCH 14/62] Expanded color hex values. --- select2-bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 44e8c4f..627a739 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -12,10 +12,10 @@ .select2-container-multi .select2-choices { height: 28px; line-height: 29px; - border: 1px solid #ccc; + border: 1px solid #cccccc; border-radius: 3px; background: none; - background-color: #fff; + background-color: #ffffff; 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); From f6afbee558bf59e7023278c2dd2a3e4c918ab666 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 09:34:14 -0400 Subject: [PATCH 15/62] Set border radius to Bootstrap default. --- select2-bootstrap.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 627a739..2b48078 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -13,7 +13,9 @@ height: 28px; line-height: 29px; border: 1px solid #cccccc; - border-radius: 3px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; background: none; background-color: #ffffff; filter: none; From 30d919864f7fbed1bf73b2a7605c92612cb1552a Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 13:01:52 -0400 Subject: [PATCH 16/62] Lowercased hex value. --- select2-bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 2b48078..b80d7d2 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -32,7 +32,7 @@ } .control-group.error [class^="select2-choice"] { - border-color: #B94A48; + border-color: #b94a48; } .select2-container-multi .select2-choices .select2-search-field { From 1ca70ffcdc0f488fe9edad3db4e107f680814c4a Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 13:20:11 -0400 Subject: [PATCH 17/62] Added docs folder, a visible copy of the gh-pages branch that we can copy into place for deployment. --- docs/css/select2-spinner.gif | Bin 0 -> 1849 bytes docs/css/select2.css | 615 +++++++++++++++++++++++++++++++++++ docs/css/select2.png | Bin 0 -> 613 bytes docs/css/select2x2.png | Bin 0 -> 845 bytes docs/index.html | 139 ++++++++ docs/select2-bootstrap.css | 105 ++++++ 6 files changed, 859 insertions(+) create mode 100644 docs/css/select2-spinner.gif create mode 100644 docs/css/select2.css create mode 100644 docs/css/select2.png create mode 100644 docs/css/select2x2.png create mode 100644 docs/index.html create mode 100644 docs/select2-bootstrap.css diff --git a/docs/css/select2-spinner.gif b/docs/css/select2-spinner.gif new file mode 100644 index 0000000000000000000000000000000000000000..5b33f7e54f4e55b6b8774d86d96895db9af044b4 GIT binary patch literal 1849 zcma*odr(tX9tZI2z31lM+(&YVk%mZ}5P~KlG2s=WSbGzm0!x7^P##Mnh7t-jP!X0Q zk_SQ}Po-L1tlDK;6l?(>v)e5ZBQx4|Y-Q?nr@Px3?9h(3ZWr3^tj=`TP57gKr87N$ zp2wWee1GRRCwo_xahnw)5cxNPJbCg2L6DV|6`#+yw6v6!mDS$f9-JvFD^n;GQ&UrZ zzh5jCkByB101O60U0q#p_1BM>Cv-vP?&s4@g_((4_1L=L$(a91)0=J91Gas#R{McE znYG^9*0A5YZ>#;~+Wkn(W5B0^yELIYLP!K}mB~<)AM@1&nqekynuaEGqPrzoH|KodRXJy)%+w_fu3nE5>@Bd_b zqC$EQ;{c`T&?EsNO|igL9gC7Ygxv?aQUEXMq?~>wg{EyW;VcJ37CUF#HjrT=KQO_* zS>M9yydXk18D(+QDJ1>r);Lav_uYKp$T?4vr{Q$lTo&pKv^?(>L-)G2*lwH!Ah7k? z7oH<8h-(KTKt5V6$8gF)C7Io&P5=SjTh)=zV=E2EUhQZP##L8S{d%UK>>+y82>+FV+#^BzW7u3F)Bb>=lYQ%%j`F>ASe zo*cw@V#u6T`A2He;70mR(V&iV&-7{qP~=SRf&jm9-T{*ZeZ}$rd0#6c&fLG^xJcf5 z+p<`wJYgW+_s*V{uI$nMB;%8`S_3>PfGOj3Rq}@Cx^+j?rk92fANSFDBYnOqQ>Vdj z)(|$AhP4t&Lb=Gvo2#3Gl%9<=Gv`Mz?Po@P4iLF!x}GUWJICDlFk-hS^Whyh7x~VH z@0vD1>HYD4&e+~yzS*-sFR{9`{QEEZO1zg7>R&7cHts-6j!xHVdA8eI+ZlVzd%`es zJT@$#GX(gvCJ1oJN%yLBK}{V=V;seo;!w|Yte!W1%5qLNFWqvZW>h&IiH+oPT=b@E zPhGzv5=(Un*X>v`><&Z~SLlC&Nz^-G6DuPj|`n3d!%8h_nj^NdYcE6NHS_ifkCV$*D)Tqrbu`s;<=t<4 zAHNqNV?6(g<1PY-w@#I-WYFViz?9TrkMr)u0g`O`u|>T;k|2sV*YF^punvT;$SuTy{j3Gv)yqD!R_CF>yR)MzmmYS5v+~R zXAdD%ng9?df;wd8GxR#%3O+gz};Vo;)sK%Bj-q>Oq%R7JU-KD?vYu>#2UjaDo z&8$>5xW~?KPD_#XFToU1hIb*VOMidUr6iYiO0N|i-7s`T8!cFT`rN!^1Pt78J93i6 z5HI1wIM$94m{3SLDvISDe6$ZG1;eq_D9RTaaC>=cO{@Bs>$IlPCPJJ$h$)-3vzNUQ6OsN#_zWxey!_9%hxwH2_dEJi=yY|1c7nDm2_Lm!Cof8-R_+9UkS zcBE(o47yE)oMR(Q=dp1a2wTX5KvvGyLqlWTa7V&!A*|w|)ax~1_~aJ0=_Lilg*0iQk7#ZD EAHN$8j{pDw literal 0 HcmV?d00001 diff --git a/docs/css/select2.css b/docs/css/select2.css new file mode 100644 index 0000000..36324d6 --- /dev/null +++ b/docs/css/select2.css @@ -0,0 +1,615 @@ +/* +Version: 3.3.2 Timestamp: Mon Mar 25 12:14:18 PDT 2013 +*/ +.select2-container { + position: relative; + display: inline-block; + /* inline-block for ie7 */ + zoom: 1; + *display: inline; + vertical-align: middle; +} + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input{ + /* + Force border-box so that % widths fit the parent + container without overlap because of margin/padding. + + More Info : http://www.quirksmode.org/css/box.html + */ + -webkit-box-sizing: border-box; /* webkit */ + -khtml-box-sizing: border-box; /* konqueror */ + -moz-box-sizing: border-box; /* firefox */ + -ms-box-sizing: border-box; /* ie */ + box-sizing: border-box; /* css3 */ +} + +.select2-container .select2-choice { + display: block; + height: 26px; + padding: 0 0 0 8px; + overflow: hidden; + position: relative; + + border: 1px solid #aaa; + white-space: nowrap; + line-height: 26px; + color: #444; + text-decoration: none; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); + background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); +} + +.select2-container.select2-drop-above .select2-choice { + border-bottom-color: #aaa; + + -webkit-border-radius:0 0 4px 4px; + -moz-border-radius:0 0 4px 4px; + border-radius:0 0 4px 4px; + + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); + background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); + background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); + background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%); +} + +.select2-container .select2-choice span { + margin-right: 26px; + display: block; + overflow: hidden; + + white-space: nowrap; + + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} + +.select2-container .select2-choice abbr { + display: block; + width: 12px; + height: 12px; + position: absolute; + right: 26px; + top: 8px; + + font-size: 1px; + text-decoration: none; + + border: 0; + background: url('select2.png') right top no-repeat; + cursor: pointer; + outline: 0; +} +.select2-container .select2-choice abbr:hover { + background-position: right -11px; + cursor: pointer; +} + +.select2-drop-mask { + position: absolute; + left: 0; + top: 0; + z-index: 9998; + background-color: #fff; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* works in IE 8 */ + filter: "alpha(opacity=0)"; /* expected to work in IE 8 */ + filter: alpha(opacity=0); /* IE 4-7 */ +} + +.select2-drop { + width: 100%; + margin-top:-1px; + position: absolute; + z-index: 9999; + top: 100%; + + background: #fff; + color: #000; + border: 1px solid #aaa; + border-top: 0; + + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + + -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + box-shadow: 0 4px 5px rgba(0, 0, 0, .15); +} + +.select2-drop.select2-drop-above { + margin-top: 1px; + border-top: 1px solid #aaa; + border-bottom: 0; + + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + + -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); + -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); + box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); +} + +.select2-container .select2-choice div { + display: block; + width: 18px; + height: 100%; + position: absolute; + right: 0; + top: 0; + + border-left: 1px solid #aaa; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + background: #ccc; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); + background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); + background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); + background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); +} + +.select2-container .select2-choice div b { + display: block; + width: 100%; + height: 100%; + background: url('select2.png') no-repeat 0 1px; +} + +.select2-search { + display: inline-block; + width: 100%; + min-height: 26px; + margin: 0; + padding-left: 4px; + padding-right: 4px; + + position: relative; + z-index: 10000; + + white-space: nowrap; +} + +.select2-search-hidden { + display: block; + position: absolute; + left: -10000px; +} + +.select2-search input { + width: 100%; + height: auto !important; + min-height: 26px; + padding: 4px 20px 4px 5px; + margin: 0; + + outline: 0; + font-family: sans-serif; + font-size: 1em; + + border: 1px solid #aaa; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + background: #fff url('select2.png') no-repeat 100% -22px; + background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); + background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); +} + +.select2-drop.select2-drop-above .select2-search input { + margin-top: 4px; +} + +.select2-search input.select2-active { + background: #fff url('select2-spinner.gif') no-repeat 100%; + background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); + background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); +} + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + border: 1px solid #5897fb; + outline: none; + + -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); + -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); + box-shadow: 0 0 5px rgba(0,0,0,.3); +} + +.select2-dropdown-open .select2-choice { + border-bottom-color: transparent; + -webkit-box-shadow: 0 1px 0 #fff inset; + -moz-box-shadow: 0 1px 0 #fff inset; + box-shadow: 0 1px 0 #fff inset; + + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; + + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; + + background-color: #eee; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); + background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); + background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); + background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); + background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); + background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); +} + +.select2-dropdown-open .select2-choice div { + background: transparent; + border-left: none; + filter: none; +} +.select2-dropdown-open .select2-choice div b { + background-position: -18px 1px; +} + +/* results */ +.select2-results { + max-height: 200px; + padding: 0 0 0 4px; + margin: 4px 4px 4px 0; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +.select2-results ul.select2-result-sub { + margin: 0; +} + +.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } +.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } + +.select2-results li { + list-style: none; + display: list-item; + background-image: none; +} + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; +} + +.select2-results .select2-result-label { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + + min-height: 1em; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-results .select2-highlighted { + background: #3875d7; + color: #fff; +} + +.select2-results li em { + background: #feffde; + font-style: normal; +} + +.select2-results .select2-highlighted em { + background: transparent; +} + +.select2-results .select2-highlighted ul { + background: white; + color: #000; +} + + +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-selection-limit { + background: #f4f4f4; + display: list-item; +} + +/* +disabled look for disabled choices in the results dropdown +*/ +.select2-results .select2-disabled.select2-highlighted { + color: #666; + background: #f4f4f4; + display: list-item; + cursor: default; +} +.select2-results .select2-disabled { + background: #f4f4f4; + display: list-item; + cursor: default; +} + +.select2-results .select2-selected { + display: none; +} + +.select2-more-results.select2-active { + background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%; +} + +.select2-more-results { + background: #f4f4f4; + display: list-item; +} + +/* disabled styles */ + +.select2-container.select2-container-disabled .select2-choice { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container.select2-container-disabled .select2-choice div { + background-color: #f4f4f4; + background-image: none; + border-left: 0; +} + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none +} + + +/* multiselect */ + +.select2-container-multi .select2-choices { + height: auto !important; + height: 1%; + margin: 0; + padding: 0; + position: relative; + + border: 1px solid #aaa; + cursor: text; + overflow: hidden; + + background-color: #fff; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); + background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); +} + +.select2-locked { + padding: 3px 5px 3px 5px !important; +} + +.select2-container-multi .select2-choices { + min-height: 26px; +} + +.select2-container-multi.select2-container-active .select2-choices { + border: 1px solid #5897fb; + outline: none; + + -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); + -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); + box-shadow: 0 0 5px rgba(0,0,0,.3); +} +.select2-container-multi .select2-choices li { + float: left; + list-style: none; +} +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; +} + +.select2-container-multi .select2-choices .select2-search-field input { + padding: 5px; + margin: 1px 0; + + font-family: sans-serif; + font-size: 100%; + color: #666; + outline: 0; + border: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background: transparent !important; +} + +.select2-container-multi .select2-choices .select2-search-field input.select2-active { + background: #fff url('select2-spinner.gif') no-repeat 100% !important; +} + +.select2-default { + color: #999 !important; +} + +.select2-container-multi .select2-choices .select2-search-choice { + padding: 3px 5px 3px 18px; + margin: 3px 0 3px 5px; + position: relative; + + line-height: 13px; + color: #333; + cursor: default; + border: 1px solid #aaaaaa; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + background-color: #e4e4e4; + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 ); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); + background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); +} +.select2-container-multi .select2-choices .select2-search-choice span { + cursor: default; +} +.select2-container-multi .select2-choices .select2-search-choice-focus { + background: #d4d4d4; +} + +.select2-search-choice-close { + display: block; + width: 12px; + height: 13px; + position: absolute; + right: 3px; + top: 4px; + + font-size: 1px; + outline: none; + background: url('select2.png') right top no-repeat; +} + +.select2-container-multi .select2-search-choice-close { + left: 3px; +} + +.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { + background-position: right -11px; +} +.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { + background-position: right -11px; +} + +/* disabled styles */ +.select2-container-multi.select2-container-disabled .select2-choices{ + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { + padding: 3px 5px 3px 5px; + border: 1px solid #ddd; + background-image: none; + background-color: #f4f4f4; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { + display: none; +} +/* end multiselect */ + + +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; +} + +.select2-offscreen { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* Retina-ize icons */ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { + background-image: url('select2x2.png') !important; + background-repeat: no-repeat !important; + background-size: 60px 40px !important; + } + .select2-search input { + background-position: 100% -21px !important; + } +} diff --git a/docs/css/select2.png b/docs/css/select2.png new file mode 100644 index 0000000000000000000000000000000000000000..1d804ffb99699b9e030f1010314de0970b5a000d GIT binary patch literal 613 zcmV-r0-F7aP)#WY!I$JQV$)A5aAS1BM||2XVJl=+L1^1S1H% zM-&lx?NZpUrHhn>fk<>POqf2sh40}xxGZfc+t+#Eb(q<4^!bTJ!40{Z2#(M~pn1C$$pw}f`kJpeHM`McNHFyg? zK;|>Hy9_3*1(U%t9t)QDnI#YAL(|ACV(>)>6WD-t!8tutHkdb^#3`HzoJG3A2@T`% zA|K@o*b!`R#(7)PWrMFn2))Ca3MR4(zaT`Zr61*kZK5NPnZwQszxh$fyv3?&4c>$q z2m=+yc0dRXRAsPDxF6sD;@rK4JGdR_``1S~o6Xi@2&aR6hcSrEp9HVRzEqVDqBn<1%hR=D4e1f^ra^A|34Cjc=Gny{F(o#MrvPYgZuTJOz(n)-F<| zj()qR;C={)N<0RRvDZ^@6ND+W*}gh-Lip(MDt!(zMSO)!j2j+*hxgzC-e3$@(O2p* zu;+gddm(cZwXTCLx*Ky4THOa*^b^F`woveIeCK^0aR|TJ00000NkvXXu0mjfA#WC6 literal 0 HcmV?d00001 diff --git a/docs/css/select2x2.png b/docs/css/select2x2.png new file mode 100644 index 0000000000000000000000000000000000000000..4bdd5c961d452c49dfa0789c2c7ffb82c238fc24 GIT binary patch literal 845 zcmV-T1G4;yP)upQ6WKflyv?C|ADVW!U!t`EpA+x zB)5#EjWk-_X77YJZtQo`E0SF)^1bZr%)B7Cd`*OK*r z5WG-7e-R9G9^69ksDt29&oyHqxPSt|-S>xi3%PTd+GjY+BGF|nWC(7D-sd(kxqd9~ zS@2YF5vB+>dP8+$l^{oO3-lEWiGA*QIU)Wds#9M6RZ9N zcQ4y4)xqQOxD=vwu%7cz1nY#$lT&y8HCmkWgpwQP#3dhnYj9|2aS_R}IUF_^6s#$= zTm%~>A#oM?KIg$kh=<`gJkeoHa2LrulVy$Yx+N_0R3$4I!R*0677f(FKqm`2_o4~W z0h}fQZ`lC^1A+m;fM7uI(R1`S0KtG@KrkQ}5DW+&@cTnDVIow56KciMk7a899t0bC zC1KI{TsMe5NAR%GD_5`B-@ad4k~K3SO%H z_M31|`HV?E6)u$E3c&*<*n20+V@mRCop>R5;DWuZCmjSo7p@R&OYl^@G + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + + +
+
+
+
+ + + + \ No newline at end of file diff --git a/docs/select2-bootstrap.css b/docs/select2-bootstrap.css new file mode 100644 index 0000000..863cf3f --- /dev/null +++ b/docs/select2-bootstrap.css @@ -0,0 +1,105 @@ +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + display: table; + content: ""; + line-height: 0; +} +.clearfix:after { + clear: both; +} +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/** + * 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 .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: #ffffff; + 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-container-disabled .select2-choice div { + 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-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + 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-"] [class^="select2-choice"] > div { + display: none; +} +[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; +} From dce197dd40f187451460ec67b51fa1b1433f0109 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 13:20:45 -0400 Subject: [PATCH 18/62] Added less template, conversion and test coverage. --- .gitignore | 3 + Gruntfile.js | 12 ++++ bower.json | 12 ++++ lib/build.less | 3 + lib/select2-bootstrap.less | 87 ++++++++++++++++++++++++++++ package.json | 28 +++++++++ test/less_test.js | 28 +++++++++ test/support/less.patch | 113 +++++++++++++++++++++++++++++++++++++ 8 files changed, 286 insertions(+) create mode 100644 .gitignore create mode 100644 Gruntfile.js create mode 100644 bower.json create mode 100644 lib/build.less create mode 100644 lib/select2-bootstrap.less create mode 100644 package.json create mode 100644 test/less_test.js create mode 100644 test/support/less.patch diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d3f9182 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +build +components +node_modules \ No newline at end of file diff --git a/Gruntfile.js b/Gruntfile.js new file mode 100644 index 0000000..3a71bec --- /dev/null +++ b/Gruntfile.js @@ -0,0 +1,12 @@ +module.exports = function(grunt) { + + grunt.loadNpmTasks('grunt-contrib-nodeunit'); + + // Project configuration. + grunt.initConfig({ + nodeunit: { + all: ['test/*_test.js'] + } + }); + +}; \ No newline at end of file diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..1afa8d1 --- /dev/null +++ b/bower.json @@ -0,0 +1,12 @@ +{ + "name": "select2-bootstrap-css", + "version": "1.0.1", + "ignore": [ + "**/.*", + "node_modules", + "components" + ], + "devDependencies": { + "bootstrap": "~2.3.1" + } +} \ No newline at end of file diff --git a/lib/build.less b/lib/build.less new file mode 100644 index 0000000..cbb99d3 --- /dev/null +++ b/lib/build.less @@ -0,0 +1,3 @@ +@import "../components/bootstrap/less/variables"; +@import "../components/bootstrap/less/mixins"; +@import "select2-bootstrap.less"; \ No newline at end of file diff --git a/lib/select2-bootstrap.less b/lib/select2-bootstrap.less new file mode 100644 index 0000000..dfc2002 --- /dev/null +++ b/lib/select2-bootstrap.less @@ -0,0 +1,87 @@ +/** + * 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 .select2-choice, +.select2-container-multi .select2-choices { + height: @baseLineHeight + 8px; + line-height: @baseLineHeight + 9px; + border: 1px solid @inputBorder; + .border-radius(@inputBorderRadius); + background: none; + background-color: @inputBackground; + filter: none; + .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075)); +} + +.select2-container .select2-choice div, +.select2-container.select2-container-disabled .select2-choice div { + border-left: none; + background: none; + filter: none; +} + +.control-group.error [class^="select2-choice"] { + border-color: @errorText; +} + +.select2-container-multi .select2-choices .select2-search-field { + height: 28px; + line-height: 27px; +} + +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + outline: none; + .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: @baseFontSize; +} + +.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-"] [class^="select2-choice"] > div { + display: none; +} + +[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; +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..9b2ece6 --- /dev/null +++ b/package.json @@ -0,0 +1,28 @@ +{ + "name": "select2-bootstrap-css", + "version": "1.0.1", + "description": "simple css to make select2 widgets fit in with bootstrap", + "main": "", + "directories": { + "doc": "docs" + }, + "scripts": { + "test": "grunt nodeunit" + }, + "repository": { + "type": "git", + "url": "git://github.com/t0m/select2-bootstrap-css.git" + }, + "keywords": [ + "bootstrap", + "select2" + ], + "author": "Michael Hellein", + "license": "MIT", + "readmeFilename": "README.md", + "devDependencies": { + "grunt": "~0.4.1", + "grunt-contrib-nodeunit": "~0.1.2", + "diff": "~1.0.4" + } +} diff --git a/test/less_test.js b/test/less_test.js new file mode 100644 index 0000000..92fbb9a --- /dev/null +++ b/test/less_test.js @@ -0,0 +1,28 @@ +exports.compileLess = function(test){ + var grunt = require('grunt'), + fs = require('fs'), + jsdiff = require('diff'), + t = test, + filename = 'select2-bootstrap.css', + patchfile = 'test/support/less.patch', + // This is writing to the actual docs folder, generally a no-no for tests to make changes! + child = grunt.util.spawn({ + cmd: 'lessc', + args: ['--verbose', 'lib/build.less', 'docs/'+filename] + }); + + child.stdout.pipe(process.stdout); + child.stdout.on('data', function(buf) { + var readFile = function(name) { return fs.readFileSync(name, {encoding: 'utf8'}) }, + orig = readFile(filename), + generated = readFile('docs/'+filename), + patch = readFile(patchfile), + diff = jsdiff.createPatch(filename, orig, generated); + + // Save the output for future tests. + // fs.writeFileSync(patchfile, diff); + + t.equal(patch, diff); + t.done(); + }); +}; \ No newline at end of file diff --git a/test/support/less.patch b/test/support/less.patch new file mode 100644 index 0000000..d8918d0 --- /dev/null +++ b/test/support/less.patch @@ -0,0 +1,113 @@ +Index: select2-bootstrap.css +=================================================================== +--- select2-bootstrap.css ++++ select2-bootstrap.css +@@ -1,14 +1,39 @@ ++.clearfix { ++ *zoom: 1; ++} ++.clearfix:before, ++.clearfix:after { ++ display: table; ++ content: ""; ++ line-height: 0; ++} ++.clearfix:after { ++ clear: both; ++} ++.hide-text { ++ font: 0/0 a; ++ color: transparent; ++ text-shadow: none; ++ background-color: transparent; ++ border: 0; ++} ++.input-block-level { ++ display: block; ++ width: 100%; ++ min-height: 30px; ++ -webkit-box-sizing: border-box; ++ -moz-box-sizing: border-box; ++ box-sizing: border-box; ++} + /** + * 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 .select2-choice, + .select2-container-multi .select2-choices { + height: 28px; + line-height: 29px; +@@ -22,66 +47,54 @@ + -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-container-disabled .select2-choice div { + 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-container-active .select2-choice, + .select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + 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-"] [class^="select2-choice"] > div { + display: none; + } +- + [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 From 2c7f17ed5aafdbb955c41cef45d7a00af229cf14 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 15:19:27 -0400 Subject: [PATCH 19/62] Added SCSS file, test. Refactored less test to fix stdout pipe error. --- .gitignore | 3 +- Gruntfile.js | 12 ++++++ bower.json | 3 +- docs/select2-bootstrap.css | 42 ++++++------------ lib/build.scss | 3 ++ lib/select2-bootstrap.scss | 87 ++++++++++++++++++++++++++++++++++++++ package.json | 3 +- test/less_test.js | 25 +++++------ test/scss_test.js | 25 +++++++++++ test/support/scss.patch | 25 +++++++++++ 10 files changed, 183 insertions(+), 45 deletions(-) create mode 100644 lib/build.scss create mode 100644 lib/select2-bootstrap.scss create mode 100644 test/scss_test.js create mode 100644 test/support/scss.patch diff --git a/.gitignore b/.gitignore index d3f9182..2b77b41 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ build components -node_modules \ No newline at end of file +node_modules +.sass-cache \ No newline at end of file diff --git a/Gruntfile.js b/Gruntfile.js index 3a71bec..f6f8e04 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,11 +1,23 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-contrib-nodeunit'); + grunt.loadNpmTasks('grunt-contrib-sass'); // Project configuration. grunt.initConfig({ nodeunit: { all: ['test/*_test.js'] + }, + + sass: { + options: { + style: 'expanded' + }, + dist: { + files: { + 'docs/select2-bootstrap.css': 'lib/build.scss' + } + } } }); diff --git a/bower.json b/bower.json index 1afa8d1..5bb56db 100644 --- a/bower.json +++ b/bower.json @@ -7,6 +7,7 @@ "components" ], "devDependencies": { - "bootstrap": "~2.3.1" + "bootstrap": "~2.3.1", + "sass-bootstrap": "git://github.com/jlong/sass-twitter-bootstrap.git#~2.3.1" } } \ No newline at end of file diff --git a/docs/select2-bootstrap.css b/docs/select2-bootstrap.css index 863cf3f..7174916 100644 --- a/docs/select2-bootstrap.css +++ b/docs/select2-bootstrap.css @@ -1,30 +1,3 @@ -.clearfix { - *zoom: 1; -} -.clearfix:before, -.clearfix:after { - display: table; - content: ""; - line-height: 0; -} -.clearfix:after { - clear: both; -} -.hide-text { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.input-block-level { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} /** * Select2 Bootstrap CSS 1.0 * Compatible with select2 3.3.2 and bootstrap 2.3.1 @@ -33,6 +6,7 @@ .select2-container { vertical-align: middle; } + .select2-container .select2-choice, .select2-container-multi .select2-choices { height: 28px; @@ -42,25 +16,29 @@ -moz-border-radius: 4px; border-radius: 4px; background: none; - background-color: #ffffff; + 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-container-disabled .select2-choice div { 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-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices { border-color: rgba(82, 168, 236, 0.8); @@ -69,31 +47,39 @@ -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-"] [class^="select2-choice"] > div { display: none; } + [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 diff --git a/lib/build.scss b/lib/build.scss new file mode 100644 index 0000000..2975986 --- /dev/null +++ b/lib/build.scss @@ -0,0 +1,3 @@ +@import "../components/sass-bootstrap/lib/variables"; +@import "../components/sass-bootstrap/lib/mixins"; +@import "select2-bootstrap.scss"; \ No newline at end of file diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss new file mode 100644 index 0000000..6429777 --- /dev/null +++ b/lib/select2-bootstrap.scss @@ -0,0 +1,87 @@ +/** + * 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 .select2-choice, +.select2-container-multi .select2-choices { + height: $baseLineHeight + 8px; + line-height: $baseLineHeight + 9px; + border: 1px solid $inputBorder; + @include border-radius($inputBorderRadius); + background: none; + background-color: $inputBackground; + filter: none; + @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075)); +} + +.select2-container .select2-choice div, +.select2-container.select2-container-disabled .select2-choice div { + border-left: none; + background: none; + filter: none; +} + +.control-group.error [class^="select2-choice"] { + border-color: $errorText; +} + +.select2-container-multi .select2-choices .select2-search-field { + height: 28px; + line-height: 27px; +} + +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + outline: none; + @include 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: $baseFontSize; +} + +.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-"] [class^="select2-choice"] > div { + display: none; +} + +[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; +} diff --git a/package.json b/package.json index 9b2ece6..88e1fd3 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "devDependencies": { "grunt": "~0.4.1", "grunt-contrib-nodeunit": "~0.1.2", - "diff": "~1.0.4" + "diff": "~1.0.4", + "grunt-contrib-sass": "~0.3.0" } } diff --git a/test/less_test.js b/test/less_test.js index 92fbb9a..1d7d75d 100644 --- a/test/less_test.js +++ b/test/less_test.js @@ -9,20 +9,17 @@ exports.compileLess = function(test){ child = grunt.util.spawn({ cmd: 'lessc', args: ['--verbose', 'lib/build.less', 'docs/'+filename] - }); - - child.stdout.pipe(process.stdout); - child.stdout.on('data', function(buf) { - var readFile = function(name) { return fs.readFileSync(name, {encoding: 'utf8'}) }, - orig = readFile(filename), - generated = readFile('docs/'+filename), - patch = readFile(patchfile), - diff = jsdiff.createPatch(filename, orig, generated); + }, function() { + var readFile = function(name) { return fs.readFileSync(name, {encoding: 'utf8'}) }, + orig = readFile(filename), + generated = readFile('docs/'+filename), + patch = readFile(patchfile), + diff = jsdiff.createPatch(filename, orig, generated); - // Save the output for future tests. - // fs.writeFileSync(patchfile, diff); + // Save the output for future tests. + // fs.writeFileSync(patchfile, diff); - t.equal(patch, diff); - t.done(); - }); + t.equal(patch, diff); + t.done(); + }); }; \ No newline at end of file diff --git a/test/scss_test.js b/test/scss_test.js new file mode 100644 index 0000000..b97ecf0 --- /dev/null +++ b/test/scss_test.js @@ -0,0 +1,25 @@ +exports.compileScss = function(test){ + var grunt = require('grunt'), + fs = require('fs'), + jsdiff = require('diff'), + t = test, + filename = 'select2-bootstrap.css', + patchfile = 'test/support/scss.patch', + // This is writing to the actual docs folder, generally a no-no for tests to make changes! + child = grunt.util.spawn({ + cmd: 'grunt', + args: ['sass'] + }, function() { + var readFile = function(name) { return fs.readFileSync(name, {encoding: 'utf8'}) }, + orig = readFile(filename), + generated = readFile('docs/'+filename), + patch = readFile(patchfile), + diff = jsdiff.createPatch(filename, orig, generated); + + // Save the output for future tests. + // fs.writeFileSync(patchfile, diff); + + t.equal(patch, diff); + t.done(); + }); +}; \ No newline at end of file diff --git a/test/support/scss.patch b/test/support/scss.patch new file mode 100644 index 0000000..7abcc51 --- /dev/null +++ b/test/support/scss.patch @@ -0,0 +1,25 @@ +Index: select2-bootstrap.css +=================================================================== +--- select2-bootstrap.css ++++ select2-bootstrap.css +@@ -2,9 +2,8 @@ + * Select2 Bootstrap CSS 1.0 + * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * MIT License + */ +- + .select2-container { + vertical-align: middle; + } + +@@ -16,9 +15,9 @@ + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: none; ++ background-color: white; +- background-color: #ffffff; + 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); From 5d8311719900f6219fca4fa46e0f02f4bfe458d1 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 10 May 2013 15:30:25 -0400 Subject: [PATCH 20/62] Updated readme, and added dev dependency on bower. --- README.md | 13 ++++++++++--- package.json | 3 ++- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 12fb329..6883c84 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,13 @@ -This is a bare bones stylesheet for making select2 fit in with bootstrap a bit better. -If I have some down time I'll make this into a less file so any custom settings will -carry over but for now it's targeted at the default bootstrap style. +# Select2 Bootstrap CSS + +This is a bare bones stylesheet for making select2 fit in with bootstrap a bit better. + +The LESS file is located at lib/select2-bootstrap.less, and the SCSS file is located at lib/select2-bootstrap.scss. + +Tests are included to verify that LESS and SCSS compile down to the target CSS. To run the tests, you'll need to install [node.js](http://nodejs.org/), [Less](http://lesscss.org/), and [SASS](http://sass-lang.com/). Then you can run: + + npm install && bower install + npm test ![preview image](http://t0m.github.com/select2-bootstrap-css/select2-preview.png) diff --git a/package.json b/package.json index 88e1fd3..ed68ec4 100644 --- a/package.json +++ b/package.json @@ -24,6 +24,7 @@ "grunt": "~0.4.1", "grunt-contrib-nodeunit": "~0.1.2", "diff": "~1.0.4", - "grunt-contrib-sass": "~0.3.0" + "grunt-contrib-sass": "~0.3.0", + "bower": "~0.9.2" } } From b294a37251e78cbb76440fa3a896c56648259aa4 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Mon, 13 May 2013 09:24:42 -0400 Subject: [PATCH 21/62] Added make task for copying docs to gh-pages and deploying. --- .gitignore | 3 ++- Makefile | 15 +++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 Makefile diff --git a/.gitignore b/.gitignore index 2b77b41..ee2f811 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ build components node_modules -.sass-cache \ No newline at end of file +.sass-cache +gh-pages \ No newline at end of file diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..f0880ab --- /dev/null +++ b/Makefile @@ -0,0 +1,15 @@ +pages: + cd gh-pages; git fetch origin + cd gh-pages; git checkout gh-pages + cd gh-pages; git merge origin/gh-pages + rm -rf gh-pages/demo/* + cp -r docs/* gh-pages/demo + cd gh-pages; git add -u . + cd gh-pages; git add . + cd gh-pages; git commit -m "Updated gh-pages." + cd gh-pages; git push origin gh-pages + +pages_setup: + mkdir gh-pages + git init gh-pages + cd gh-pages; git remote add origin git@github.com:t0m/select2-bootstrap-css.git From ac35632aaddfa1e6e3a2401dd84c46a6068e7b16 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Thu, 30 May 2013 10:18:45 -0400 Subject: [PATCH 22/62] Bumped version to v1.1.0. --- bower.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/bower.json b/bower.json index 5bb56db..9e10746 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "select2-bootstrap-css", - "version": "1.0.1", + "version": "1.1.0", "ignore": [ "**/.*", "node_modules", diff --git a/package.json b/package.json index ed68ec4..8cb8615 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "select2-bootstrap-css", - "version": "1.0.1", + "version": "1.1.0", "description": "simple css to make select2 widgets fit in with bootstrap", "main": "", "directories": { From d03ad994f1fdd70a5e616dc5b4771f0316ce1bf3 Mon Sep 17 00:00:00 2001 From: Andrew Hacking Date: Thu, 27 Jun 2013 10:36:01 +1000 Subject: [PATCH 23/62] Added Bootstrap default width, input-* and span* class support --- lib/select2-bootstrap.less | 11 +++++++++++ lib/select2-bootstrap.scss | 11 +++++++++++ 2 files changed, 22 insertions(+) diff --git a/lib/select2-bootstrap.less b/lib/select2-bootstrap.less index dfc2002..5666271 100644 --- a/lib/select2-bootstrap.less +++ b/lib/select2-bootstrap.less @@ -6,6 +6,17 @@ .select2-container { vertical-align: middle; + width: 220px; + &.input-mini { width: 60px; } + &.input-small { width: 90px; } + &.input-medium { width: 150px; } + &.input-large { width: 210px; } + &.input-xlarge { width: 270px; } + &.input-xxlarge { width: 530px; } + &[class*="span"] { + float: none; + margin-left: 0; + } } .select2-container .select2-choice, diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss index 6429777..702b8c1 100644 --- a/lib/select2-bootstrap.scss +++ b/lib/select2-bootstrap.scss @@ -6,6 +6,17 @@ .select2-container { vertical-align: middle; + width: 220px; + &.input-mini { width: 60px; } + &.input-small { width: 90px; } + &.input-medium { width: 150px; } + &.input-large { width: 210px; } + &.input-xlarge { width: 270px; } + &.input-xxlarge { width: 530px; } + &[class*="span"] { + float: none; + margin-left: 0; + } } .select2-container .select2-choice, From d84cd356778f259ef25a182810260d51770376e1 Mon Sep 17 00:00:00 2001 From: Andrew Hacking Date: Thu, 27 Jun 2013 10:50:08 +1000 Subject: [PATCH 24/62] Fix indenting --- lib/select2-bootstrap.less | 22 +++++++++++----------- lib/select2-bootstrap.scss | 22 +++++++++++----------- 2 files changed, 22 insertions(+), 22 deletions(-) diff --git a/lib/select2-bootstrap.less b/lib/select2-bootstrap.less index 5666271..b1ed4ca 100644 --- a/lib/select2-bootstrap.less +++ b/lib/select2-bootstrap.less @@ -6,17 +6,17 @@ .select2-container { vertical-align: middle; - width: 220px; - &.input-mini { width: 60px; } - &.input-small { width: 90px; } - &.input-medium { width: 150px; } - &.input-large { width: 210px; } - &.input-xlarge { width: 270px; } - &.input-xxlarge { width: 530px; } - &[class*="span"] { - float: none; - margin-left: 0; - } + width: 220px; + &.input-mini { width: 60px; } + &.input-small { width: 90px; } + &.input-medium { width: 150px; } + &.input-large { width: 210px; } + &.input-xlarge { width: 270px; } + &.input-xxlarge { width: 530px; } + &[class*="span"] { + float: none; + margin-left: 0; + } } .select2-container .select2-choice, diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss index 702b8c1..b887305 100644 --- a/lib/select2-bootstrap.scss +++ b/lib/select2-bootstrap.scss @@ -6,17 +6,17 @@ .select2-container { vertical-align: middle; - width: 220px; - &.input-mini { width: 60px; } - &.input-small { width: 90px; } - &.input-medium { width: 150px; } - &.input-large { width: 210px; } - &.input-xlarge { width: 270px; } - &.input-xxlarge { width: 530px; } - &[class*="span"] { - float: none; - margin-left: 0; - } + width: 220px; + &.input-mini { width: 60px; } + &.input-small { width: 90px; } + &.input-medium { width: 150px; } + &.input-large { width: 210px; } + &.input-xlarge { width: 270px; } + &.input-xxlarge { width: 530px; } + [class*="span"] { + float: none; + margin-left: 0; + } } .select2-container .select2-choice, From de7318d89f404436e4961df9d5aed69c8c556e1d Mon Sep 17 00:00:00 2001 From: Michael Chapman Date: Fri, 28 Jun 2013 00:14:53 +1000 Subject: [PATCH 25/62] Added missing ampersand --- lib/select2-bootstrap.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss index b887305..88a462b 100644 --- a/lib/select2-bootstrap.scss +++ b/lib/select2-bootstrap.scss @@ -13,7 +13,7 @@ &.input-large { width: 210px; } &.input-xlarge { width: 270px; } &.input-xxlarge { width: 530px; } - [class*="span"] { + &[class*="span"] { float: none; margin-left: 0; } From 2fc117cad2ed8dd54b63e20ccd5f946306b34f51 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 19 Jul 2013 11:40:07 -0400 Subject: [PATCH 26/62] Changed docs to use Jekyll for github pages. --- .gitignore | 3 +- Gemfile | 3 + Gemfile.lock | 38 ++ Gruntfile.js | 5 + Makefile | 14 +- _jekyll/3.3.2.html | 4 + _jekyll/_layouts/default.html | 139 ++++++++ _jekyll/css/select2-spinner.gif | Bin 0 -> 1849 bytes _jekyll/css/select2.css | 615 ++++++++++++++++++++++++++++++++ _jekyll/css/select2.png | Bin 0 -> 613 bytes _jekyll/css/select2x2.png | Bin 0 -> 845 bytes _jekyll/index.html | 4 + _jekyll/select2-bootstrap.css | 91 +++++ docs/3.3.2.html | 139 ++++++++ docs/index.html | 276 +++++++------- test/less_test.js | 6 +- test/scss_test.js | 6 +- 17 files changed, 1193 insertions(+), 150 deletions(-) create mode 100644 Gemfile create mode 100644 Gemfile.lock create mode 100644 _jekyll/3.3.2.html create mode 100644 _jekyll/_layouts/default.html create mode 100644 _jekyll/css/select2-spinner.gif create mode 100644 _jekyll/css/select2.css create mode 100644 _jekyll/css/select2.png create mode 100644 _jekyll/css/select2x2.png create mode 100644 _jekyll/index.html create mode 100644 _jekyll/select2-bootstrap.css create mode 100644 docs/3.3.2.html diff --git a/.gitignore b/.gitignore index ee2f811..e65cc06 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ build components node_modules .sass-cache -gh-pages \ No newline at end of file +gh-pages +tmp \ No newline at end of file diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..109f303 --- /dev/null +++ b/Gemfile @@ -0,0 +1,3 @@ +source "https://rubygems.org" + +gem "jekyll" \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..1d0721d --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,38 @@ +GEM + remote: https://rubygems.org/ + specs: + classifier (1.3.3) + fast-stemmer (>= 1.0.0) + colorator (0.1) + commander (4.1.3) + highline (~> 1.6.11) + directory_watcher (1.4.1) + fast-stemmer (1.0.2) + highline (1.6.19) + jekyll (1.0.3) + classifier (~> 1.3) + colorator (~> 0.1) + commander (~> 4.1.3) + directory_watcher (~> 1.4.1) + kramdown (~> 1.0.2) + liquid (~> 2.3) + maruku (~> 0.5) + pygments.rb (~> 0.5.0) + safe_yaml (~> 0.7.0) + kramdown (1.0.2) + liquid (2.5.0) + maruku (0.6.1) + syntax (>= 1.0.0) + posix-spawn (0.3.6) + pygments.rb (0.5.2) + posix-spawn (~> 0.3.6) + yajl-ruby (~> 1.1.0) + safe_yaml (0.7.1) + syntax (1.0.0) + yajl-ruby (1.1.0) + +PLATFORMS + ruby + +DEPENDENCIES + jekyll diff --git a/Gruntfile.js b/Gruntfile.js index f6f8e04..efee1bd 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -17,6 +17,11 @@ module.exports = function(grunt) { files: { 'docs/select2-bootstrap.css': 'lib/build.scss' } + }, + test: { + files: { + 'tmp/select2-bootstrap.css': 'lib/build.scss' + } } } }); diff --git a/Makefile b/Makefile index f0880ab..56409a5 100644 --- a/Makefile +++ b/Makefile @@ -1,9 +1,12 @@ +serve_docs: + jekyll serve --watch -s _jekyll/ -d docs/ + +build_docs: + jekyll build -s _jekyll/ -d docs/ + pages: - cd gh-pages; git fetch origin - cd gh-pages; git checkout gh-pages - cd gh-pages; git merge origin/gh-pages - rm -rf gh-pages/demo/* - cp -r docs/* gh-pages/demo + cd gh-pages; git pull origin gh-pages + rsync --exclude .git --delete -rv _jekyll/ gh-pages/ cd gh-pages; git add -u . cd gh-pages; git add . cd gh-pages; git commit -m "Updated gh-pages." @@ -13,3 +16,4 @@ pages_setup: mkdir gh-pages git init gh-pages cd gh-pages; git remote add origin git@github.com:t0m/select2-bootstrap-css.git + cd gh-pages; git checkout gh-pages diff --git a/_jekyll/3.3.2.html b/_jekyll/3.3.2.html new file mode 100644 index 0000000..5b3af49 --- /dev/null +++ b/_jekyll/3.3.2.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 3.3.2 +--- diff --git a/_jekyll/_layouts/default.html b/_jekyll/_layouts/default.html new file mode 100644 index 0000000..0d47c7d --- /dev/null +++ b/_jekyll/_layouts/default.html @@ -0,0 +1,139 @@ + + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + + +
+
+
+
+ + + + \ No newline at end of file diff --git a/_jekyll/css/select2-spinner.gif b/_jekyll/css/select2-spinner.gif new file mode 100644 index 0000000000000000000000000000000000000000..5b33f7e54f4e55b6b8774d86d96895db9af044b4 GIT binary patch literal 1849 zcma*odr(tX9tZI2z31lM+(&YVk%mZ}5P~KlG2s=WSbGzm0!x7^P##Mnh7t-jP!X0Q zk_SQ}Po-L1tlDK;6l?(>v)e5ZBQx4|Y-Q?nr@Px3?9h(3ZWr3^tj=`TP57gKr87N$ zp2wWee1GRRCwo_xahnw)5cxNPJbCg2L6DV|6`#+yw6v6!mDS$f9-JvFD^n;GQ&UrZ zzh5jCkByB101O60U0q#p_1BM>Cv-vP?&s4@g_((4_1L=L$(a91)0=J91Gas#R{McE znYG^9*0A5YZ>#;~+Wkn(W5B0^yELIYLP!K}mB~<)AM@1&nqekynuaEGqPrzoH|KodRXJy)%+w_fu3nE5>@Bd_b zqC$EQ;{c`T&?EsNO|igL9gC7Ygxv?aQUEXMq?~>wg{EyW;VcJ37CUF#HjrT=KQO_* zS>M9yydXk18D(+QDJ1>r);Lav_uYKp$T?4vr{Q$lTo&pKv^?(>L-)G2*lwH!Ah7k? z7oH<8h-(KTKt5V6$8gF)C7Io&P5=SjTh)=zV=E2EUhQZP##L8S{d%UK>>+y82>+FV+#^BzW7u3F)Bb>=lYQ%%j`F>ASe zo*cw@V#u6T`A2He;70mR(V&iV&-7{qP~=SRf&jm9-T{*ZeZ}$rd0#6c&fLG^xJcf5 z+p<`wJYgW+_s*V{uI$nMB;%8`S_3>PfGOj3Rq}@Cx^+j?rk92fANSFDBYnOqQ>Vdj z)(|$AhP4t&Lb=Gvo2#3Gl%9<=Gv`Mz?Po@P4iLF!x}GUWJICDlFk-hS^Whyh7x~VH z@0vD1>HYD4&e+~yzS*-sFR{9`{QEEZO1zg7>R&7cHts-6j!xHVdA8eI+ZlVzd%`es zJT@$#GX(gvCJ1oJN%yLBK}{V=V;seo;!w|Yte!W1%5qLNFWqvZW>h&IiH+oPT=b@E zPhGzv5=(Un*X>v`><&Z~SLlC&Nz^-G6DuPj|`n3d!%8h_nj^NdYcE6NHS_ifkCV$*D)Tqrbu`s;<=t<4 zAHNqNV?6(g<1PY-w@#I-WYFViz?9TrkMr)u0g`O`u|>T;k|2sV*YF^punvT;$SuTy{j3Gv)yqD!R_CF>yR)MzmmYS5v+~R zXAdD%ng9?df;wd8GxR#%3O+gz};Vo;)sK%Bj-q>Oq%R7JU-KD?vYu>#2UjaDo z&8$>5xW~?KPD_#XFToU1hIb*VOMidUr6iYiO0N|i-7s`T8!cFT`rN!^1Pt78J93i6 z5HI1wIM$94m{3SLDvISDe6$ZG1;eq_D9RTaaC>=cO{@Bs>$IlPCPJJ$h$)-3vzNUQ6OsN#_zWxey!_9%hxwH2_dEJi=yY|1c7nDm2_Lm!Cof8-R_+9UkS zcBE(o47yE)oMR(Q=dp1a2wTX5KvvGyLqlWTa7V&!A*|w|)ax~1_~aJ0=_Lilg*0iQk7#ZD EAHN$8j{pDw literal 0 HcmV?d00001 diff --git a/_jekyll/css/select2.css b/_jekyll/css/select2.css new file mode 100644 index 0000000..36324d6 --- /dev/null +++ b/_jekyll/css/select2.css @@ -0,0 +1,615 @@ +/* +Version: 3.3.2 Timestamp: Mon Mar 25 12:14:18 PDT 2013 +*/ +.select2-container { + position: relative; + display: inline-block; + /* inline-block for ie7 */ + zoom: 1; + *display: inline; + vertical-align: middle; +} + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input{ + /* + Force border-box so that % widths fit the parent + container without overlap because of margin/padding. + + More Info : http://www.quirksmode.org/css/box.html + */ + -webkit-box-sizing: border-box; /* webkit */ + -khtml-box-sizing: border-box; /* konqueror */ + -moz-box-sizing: border-box; /* firefox */ + -ms-box-sizing: border-box; /* ie */ + box-sizing: border-box; /* css3 */ +} + +.select2-container .select2-choice { + display: block; + height: 26px; + padding: 0 0 0 8px; + overflow: hidden; + position: relative; + + border: 1px solid #aaa; + white-space: nowrap; + line-height: 26px; + color: #444; + text-decoration: none; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); + background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); +} + +.select2-container.select2-drop-above .select2-choice { + border-bottom-color: #aaa; + + -webkit-border-radius:0 0 4px 4px; + -moz-border-radius:0 0 4px 4px; + border-radius:0 0 4px 4px; + + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); + background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); + background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); + background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%); +} + +.select2-container .select2-choice span { + margin-right: 26px; + display: block; + overflow: hidden; + + white-space: nowrap; + + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} + +.select2-container .select2-choice abbr { + display: block; + width: 12px; + height: 12px; + position: absolute; + right: 26px; + top: 8px; + + font-size: 1px; + text-decoration: none; + + border: 0; + background: url('select2.png') right top no-repeat; + cursor: pointer; + outline: 0; +} +.select2-container .select2-choice abbr:hover { + background-position: right -11px; + cursor: pointer; +} + +.select2-drop-mask { + position: absolute; + left: 0; + top: 0; + z-index: 9998; + background-color: #fff; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* works in IE 8 */ + filter: "alpha(opacity=0)"; /* expected to work in IE 8 */ + filter: alpha(opacity=0); /* IE 4-7 */ +} + +.select2-drop { + width: 100%; + margin-top:-1px; + position: absolute; + z-index: 9999; + top: 100%; + + background: #fff; + color: #000; + border: 1px solid #aaa; + border-top: 0; + + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + + -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + box-shadow: 0 4px 5px rgba(0, 0, 0, .15); +} + +.select2-drop.select2-drop-above { + margin-top: 1px; + border-top: 1px solid #aaa; + border-bottom: 0; + + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + + -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); + -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); + box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); +} + +.select2-container .select2-choice div { + display: block; + width: 18px; + height: 100%; + position: absolute; + right: 0; + top: 0; + + border-left: 1px solid #aaa; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + background: #ccc; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); + background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); + background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); + background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); +} + +.select2-container .select2-choice div b { + display: block; + width: 100%; + height: 100%; + background: url('select2.png') no-repeat 0 1px; +} + +.select2-search { + display: inline-block; + width: 100%; + min-height: 26px; + margin: 0; + padding-left: 4px; + padding-right: 4px; + + position: relative; + z-index: 10000; + + white-space: nowrap; +} + +.select2-search-hidden { + display: block; + position: absolute; + left: -10000px; +} + +.select2-search input { + width: 100%; + height: auto !important; + min-height: 26px; + padding: 4px 20px 4px 5px; + margin: 0; + + outline: 0; + font-family: sans-serif; + font-size: 1em; + + border: 1px solid #aaa; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + background: #fff url('select2.png') no-repeat 100% -22px; + background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); + background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); +} + +.select2-drop.select2-drop-above .select2-search input { + margin-top: 4px; +} + +.select2-search input.select2-active { + background: #fff url('select2-spinner.gif') no-repeat 100%; + background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); + background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); + background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); +} + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + border: 1px solid #5897fb; + outline: none; + + -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); + -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); + box-shadow: 0 0 5px rgba(0,0,0,.3); +} + +.select2-dropdown-open .select2-choice { + border-bottom-color: transparent; + -webkit-box-shadow: 0 1px 0 #fff inset; + -moz-box-shadow: 0 1px 0 #fff inset; + box-shadow: 0 1px 0 #fff inset; + + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; + + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; + + background-color: #eee; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); + background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); + background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); + background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); + background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); + background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); +} + +.select2-dropdown-open .select2-choice div { + background: transparent; + border-left: none; + filter: none; +} +.select2-dropdown-open .select2-choice div b { + background-position: -18px 1px; +} + +/* results */ +.select2-results { + max-height: 200px; + padding: 0 0 0 4px; + margin: 4px 4px 4px 0; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +.select2-results ul.select2-result-sub { + margin: 0; +} + +.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } +.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } + +.select2-results li { + list-style: none; + display: list-item; + background-image: none; +} + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; +} + +.select2-results .select2-result-label { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + + min-height: 1em; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-results .select2-highlighted { + background: #3875d7; + color: #fff; +} + +.select2-results li em { + background: #feffde; + font-style: normal; +} + +.select2-results .select2-highlighted em { + background: transparent; +} + +.select2-results .select2-highlighted ul { + background: white; + color: #000; +} + + +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-selection-limit { + background: #f4f4f4; + display: list-item; +} + +/* +disabled look for disabled choices in the results dropdown +*/ +.select2-results .select2-disabled.select2-highlighted { + color: #666; + background: #f4f4f4; + display: list-item; + cursor: default; +} +.select2-results .select2-disabled { + background: #f4f4f4; + display: list-item; + cursor: default; +} + +.select2-results .select2-selected { + display: none; +} + +.select2-more-results.select2-active { + background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%; +} + +.select2-more-results { + background: #f4f4f4; + display: list-item; +} + +/* disabled styles */ + +.select2-container.select2-container-disabled .select2-choice { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container.select2-container-disabled .select2-choice div { + background-color: #f4f4f4; + background-image: none; + border-left: 0; +} + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none +} + + +/* multiselect */ + +.select2-container-multi .select2-choices { + height: auto !important; + height: 1%; + margin: 0; + padding: 0; + position: relative; + + border: 1px solid #aaa; + cursor: text; + overflow: hidden; + + background-color: #fff; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); + background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); +} + +.select2-locked { + padding: 3px 5px 3px 5px !important; +} + +.select2-container-multi .select2-choices { + min-height: 26px; +} + +.select2-container-multi.select2-container-active .select2-choices { + border: 1px solid #5897fb; + outline: none; + + -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); + -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); + box-shadow: 0 0 5px rgba(0,0,0,.3); +} +.select2-container-multi .select2-choices li { + float: left; + list-style: none; +} +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; +} + +.select2-container-multi .select2-choices .select2-search-field input { + padding: 5px; + margin: 1px 0; + + font-family: sans-serif; + font-size: 100%; + color: #666; + outline: 0; + border: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background: transparent !important; +} + +.select2-container-multi .select2-choices .select2-search-field input.select2-active { + background: #fff url('select2-spinner.gif') no-repeat 100% !important; +} + +.select2-default { + color: #999 !important; +} + +.select2-container-multi .select2-choices .select2-search-choice { + padding: 3px 5px 3px 18px; + margin: 3px 0 3px 5px; + position: relative; + + line-height: 13px; + color: #333; + cursor: default; + border: 1px solid #aaaaaa; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + background-color: #e4e4e4; + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 ); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); + background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); +} +.select2-container-multi .select2-choices .select2-search-choice span { + cursor: default; +} +.select2-container-multi .select2-choices .select2-search-choice-focus { + background: #d4d4d4; +} + +.select2-search-choice-close { + display: block; + width: 12px; + height: 13px; + position: absolute; + right: 3px; + top: 4px; + + font-size: 1px; + outline: none; + background: url('select2.png') right top no-repeat; +} + +.select2-container-multi .select2-search-choice-close { + left: 3px; +} + +.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { + background-position: right -11px; +} +.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { + background-position: right -11px; +} + +/* disabled styles */ +.select2-container-multi.select2-container-disabled .select2-choices{ + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { + padding: 3px 5px 3px 5px; + border: 1px solid #ddd; + background-image: none; + background-color: #f4f4f4; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { + display: none; +} +/* end multiselect */ + + +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; +} + +.select2-offscreen { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* Retina-ize icons */ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { + background-image: url('select2x2.png') !important; + background-repeat: no-repeat !important; + background-size: 60px 40px !important; + } + .select2-search input { + background-position: 100% -21px !important; + } +} diff --git a/_jekyll/css/select2.png b/_jekyll/css/select2.png new file mode 100644 index 0000000000000000000000000000000000000000..1d804ffb99699b9e030f1010314de0970b5a000d GIT binary patch literal 613 zcmV-r0-F7aP)#WY!I$JQV$)A5aAS1BM||2XVJl=+L1^1S1H% zM-&lx?NZpUrHhn>fk<>POqf2sh40}xxGZfc+t+#Eb(q<4^!bTJ!40{Z2#(M~pn1C$$pw}f`kJpeHM`McNHFyg? zK;|>Hy9_3*1(U%t9t)QDnI#YAL(|ACV(>)>6WD-t!8tutHkdb^#3`HzoJG3A2@T`% zA|K@o*b!`R#(7)PWrMFn2))Ca3MR4(zaT`Zr61*kZK5NPnZwQszxh$fyv3?&4c>$q z2m=+yc0dRXRAsPDxF6sD;@rK4JGdR_``1S~o6Xi@2&aR6hcSrEp9HVRzEqVDqBn<1%hR=D4e1f^ra^A|34Cjc=Gny{F(o#MrvPYgZuTJOz(n)-F<| zj()qR;C={)N<0RRvDZ^@6ND+W*}gh-Lip(MDt!(zMSO)!j2j+*hxgzC-e3$@(O2p* zu;+gddm(cZwXTCLx*Ky4THOa*^b^F`woveIeCK^0aR|TJ00000NkvXXu0mjfA#WC6 literal 0 HcmV?d00001 diff --git a/_jekyll/css/select2x2.png b/_jekyll/css/select2x2.png new file mode 100644 index 0000000000000000000000000000000000000000..4bdd5c961d452c49dfa0789c2c7ffb82c238fc24 GIT binary patch literal 845 zcmV-T1G4;yP)upQ6WKflyv?C|ADVW!U!t`EpA+x zB)5#EjWk-_X77YJZtQo`E0SF)^1bZr%)B7Cd`*OK*r z5WG-7e-R9G9^69ksDt29&oyHqxPSt|-S>xi3%PTd+GjY+BGF|nWC(7D-sd(kxqd9~ zS@2YF5vB+>dP8+$l^{oO3-lEWiGA*QIU)Wds#9M6RZ9N zcQ4y4)xqQOxD=vwu%7cz1nY#$lT&y8HCmkWgpwQP#3dhnYj9|2aS_R}IUF_^6s#$= zTm%~>A#oM?KIg$kh=<`gJkeoHa2LrulVy$Yx+N_0R3$4I!R*0677f(FKqm`2_o4~W z0h}fQZ`lC^1A+m;fM7uI(R1`S0KtG@KrkQ}5DW+&@cTnDVIow56KciMk7a899t0bC zC1KI{TsMe5NAR%GD_5`B-@ad4k~K3SO%H z_M31|`HV?E6)u$E3c&*<*n20+V@mRCop>R5;DWuZCmjSo7p@R&OYl^@G div { + display: none; +} + +[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; +} diff --git a/docs/3.3.2.html b/docs/3.3.2.html new file mode 100644 index 0000000..0bfc18c --- /dev/null +++ b/docs/3.3.2.html @@ -0,0 +1,139 @@ + + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + + +
+
+
+
+ + + + \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 0acc907..0bfc18c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,139 +1,139 @@ - - - - - - - - - - - - -
-
- -
- -
-
- -
- -
- -
-
- -
- -
- -
-
- -
- -
-
- - -
-
-
- -
- -
-
- - -
-
-
- -
- -
-
- - -
-
-
- -
- -
-
- - -
-
-
- -
- -
-
- - - -
-
-
-
- - - + + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + + +
+
+
+
+ + + \ No newline at end of file diff --git a/test/less_test.js b/test/less_test.js index 1d7d75d..f98c57a 100644 --- a/test/less_test.js +++ b/test/less_test.js @@ -5,14 +5,14 @@ exports.compileLess = function(test){ t = test, filename = 'select2-bootstrap.css', patchfile = 'test/support/less.patch', - // This is writing to the actual docs folder, generally a no-no for tests to make changes! + child = grunt.util.spawn({ cmd: 'lessc', - args: ['--verbose', 'lib/build.less', 'docs/'+filename] + args: ['--verbose', 'lib/build.less', 'tmp/'+filename] }, function() { var readFile = function(name) { return fs.readFileSync(name, {encoding: 'utf8'}) }, orig = readFile(filename), - generated = readFile('docs/'+filename), + generated = readFile('tmp/'+filename), patch = readFile(patchfile), diff = jsdiff.createPatch(filename, orig, generated); diff --git a/test/scss_test.js b/test/scss_test.js index b97ecf0..b0a4f78 100644 --- a/test/scss_test.js +++ b/test/scss_test.js @@ -5,14 +5,14 @@ exports.compileScss = function(test){ t = test, filename = 'select2-bootstrap.css', patchfile = 'test/support/scss.patch', - // This is writing to the actual docs folder, generally a no-no for tests to make changes! + child = grunt.util.spawn({ cmd: 'grunt', - args: ['sass'] + args: ['sass:test'] }, function() { var readFile = function(name) { return fs.readFileSync(name, {encoding: 'utf8'}) }, orig = readFile(filename), - generated = readFile('docs/'+filename), + generated = readFile('tmp/'+filename), patch = readFile(patchfile), diff = jsdiff.createPatch(filename, orig, generated); From 84b7489d1928eb105286927137b9644089005fce Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 19 Jul 2013 11:46:44 -0400 Subject: [PATCH 27/62] Added sass build task, made sass-generated CSS canonical. --- Gruntfile.js | 3 ++- select2-bootstrap.css | 3 +-- test/support/less.patch | 12 +++++++++--- test/support/scss.patch | 21 --------------------- 4 files changed, 12 insertions(+), 27 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index efee1bd..def2415 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -15,7 +15,8 @@ module.exports = function(grunt) { }, dist: { files: { - 'docs/select2-bootstrap.css': 'lib/build.scss' + 'docs/select2-bootstrap.css': 'lib/build.scss', + 'select2-bootstrap.css': 'lib/build.scss' } }, test: { diff --git a/select2-bootstrap.css b/select2-bootstrap.css index b80d7d2..7174916 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -3,7 +3,6 @@ * Compatible with select2 3.3.2 and bootstrap 2.3.1 * MIT License */ - .select2-container { vertical-align: middle; } @@ -17,7 +16,7 @@ -moz-border-radius: 4px; border-radius: 4px; background: none; - background-color: #ffffff; + 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); diff --git a/test/support/less.patch b/test/support/less.patch index d8918d0..9204a23 100644 --- a/test/support/less.patch +++ b/test/support/less.patch @@ -2,7 +2,7 @@ Index: select2-bootstrap.css =================================================================== --- select2-bootstrap.css +++ select2-bootstrap.css -@@ -1,14 +1,39 @@ +@@ -1,13 +1,39 @@ +.clearfix { + *zoom: 1; +} @@ -35,7 +35,6 @@ Index: select2-bootstrap.css * Compatible with select2 3.3.2 and bootstrap 2.3.1 * MIT License */ -- .select2-container { vertical-align: middle; } @@ -44,7 +43,14 @@ Index: select2-bootstrap.css .select2-container-multi .select2-choices { height: 28px; line-height: 29px; -@@ -22,66 +47,54 @@ +@@ -15,72 +41,60 @@ + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: none; ++ background-color: #ffffff; +- 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); diff --git a/test/support/scss.patch b/test/support/scss.patch index 7abcc51..4b2016d 100644 --- a/test/support/scss.patch +++ b/test/support/scss.patch @@ -2,24 +2,3 @@ Index: select2-bootstrap.css =================================================================== --- select2-bootstrap.css +++ select2-bootstrap.css -@@ -2,9 +2,8 @@ - * Select2 Bootstrap CSS 1.0 - * Compatible with select2 3.3.2 and bootstrap 2.3.1 - * MIT License - */ -- - .select2-container { - vertical-align: middle; - } - -@@ -16,9 +15,9 @@ - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - background: none; -+ background-color: white; -- background-color: #ffffff; - 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); From 9292a32cfba7c6ce98c7e6ac29aba5396999548e Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 19 Jul 2013 13:11:22 -0400 Subject: [PATCH 28/62] Added Select2 3.4.1 to demos, mostly to show how poorly it is currently supported. --- README.md | 6 +- _jekyll/3.4.1.html | 4 + _jekyll/_config.yml | 3 + _jekyll/_layouts/default.html | 11 ++- _jekyll/_layouts/minimal.html | 18 +++++ _jekyll/index.html | 15 +++- docs/3.3.2.html | 13 ++- docs/3.4.1.html | 148 ++++++++++++++++++++++++++++++++++ docs/index.html | 134 +++--------------------------- 9 files changed, 217 insertions(+), 135 deletions(-) create mode 100644 _jekyll/3.4.1.html create mode 100644 _jekyll/_config.yml create mode 100644 _jekyll/_layouts/minimal.html create mode 100644 docs/3.4.1.html diff --git a/README.md b/README.md index 6883c84..7ea89fd 100644 --- a/README.md +++ b/README.md @@ -9,8 +9,6 @@ Tests are included to verify that LESS and SCSS compile down to the target CSS. npm install && bower install npm test -![preview image](http://t0m.github.com/select2-bootstrap-css/select2-preview.png) +## Demos -Demo link: - -http://t0m.github.com/select2-bootstrap-css/demo/ +http://t0m.github.io/select2-bootstrap-css/ diff --git a/_jekyll/3.4.1.html b/_jekyll/3.4.1.html new file mode 100644 index 0000000..ed44244 --- /dev/null +++ b/_jekyll/3.4.1.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 3.4.1 +--- diff --git a/_jekyll/_config.yml b/_jekyll/_config.yml new file mode 100644 index 0000000..033ea04 --- /dev/null +++ b/_jekyll/_config.yml @@ -0,0 +1,3 @@ +versions: + - 3.3.2 + - 3.4.1 \ No newline at end of file diff --git a/_jekyll/_layouts/default.html b/_jekyll/_layouts/default.html index 0d47c7d..da067ef 100644 --- a/_jekyll/_layouts/default.html +++ b/_jekyll/_layouts/default.html @@ -4,12 +4,19 @@ - - + +

Select2 version {{ page.version }}

+ + +
diff --git a/_jekyll/_layouts/minimal.html b/_jekyll/_layouts/minimal.html new file mode 100644 index 0000000..dc1f9f6 --- /dev/null +++ b/_jekyll/_layouts/minimal.html @@ -0,0 +1,18 @@ + + + + + + + + + + + + +

Select2 Baseline CSS

+ + {{ content }} + + + \ No newline at end of file diff --git a/_jekyll/index.html b/_jekyll/index.html index 159336a..f8991f0 100644 --- a/_jekyll/index.html +++ b/_jekyll/index.html @@ -1,4 +1,11 @@ ---- -layout: default -version: 3.3.2 ---- +--- +layout: minimal +--- + +

Demos

+ + diff --git a/docs/3.3.2.html b/docs/3.3.2.html index 0bfc18c..a570f2f 100644 --- a/docs/3.3.2.html +++ b/docs/3.3.2.html @@ -4,12 +4,21 @@ - - + +

Select2 version 3.3.2

+ + +
diff --git a/docs/3.4.1.html b/docs/3.4.1.html new file mode 100644 index 0000000..eba8fcf --- /dev/null +++ b/docs/3.4.1.html @@ -0,0 +1,148 @@ + + + + + + + + + + + +

Select2 version 3.4.1

+ + +
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+
+ +
+ +
+
+ + + +
+
+
+ + + + + \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 0bfc18c..7c839c9 100644 --- a/docs/index.html +++ b/docs/index.html @@ -3,137 +3,25 @@ - - - + + -
-
- -
- -
-
-
- -
- -
-
+

Select2 Baseline CSS

-
- -
- -
-
+

Demos

-
- -
-
- - -
-
-
+ -
- -
-
- - -
-
-
-
- -
-
- - -
-
-
- -
- -
-
- - -
-
-
- -
- -
-
- - - -
-
-
-
- - \ No newline at end of file From a16e8833600b7a821d386c7de4e78f761cbc1351 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 19 Jul 2013 13:40:02 -0400 Subject: [PATCH 29/62] Restored carets for inputs with append, fixes #13. --- _jekyll/select2-bootstrap.css | 4 ---- docs/select2-bootstrap.css | 4 ---- lib/select2-bootstrap.less | 4 ---- lib/select2-bootstrap.scss | 4 ---- select2-bootstrap.css | 4 ---- test/support/less.patch | 6 +----- 6 files changed, 1 insertion(+), 25 deletions(-) diff --git a/_jekyll/select2-bootstrap.css b/_jekyll/select2-bootstrap.css index 7174916..e0c304f 100644 --- a/_jekyll/select2-bootstrap.css +++ b/_jekyll/select2-bootstrap.css @@ -72,10 +72,6 @@ border-top-right-radius: 0; } -[class^="input-"] [class^="select2-choice"] > div { - display: none; -} - [class^="input-"] .select2-offscreen { position: absolute; } diff --git a/docs/select2-bootstrap.css b/docs/select2-bootstrap.css index 7174916..e0c304f 100644 --- a/docs/select2-bootstrap.css +++ b/docs/select2-bootstrap.css @@ -72,10 +72,6 @@ border-top-right-radius: 0; } -[class^="input-"] [class^="select2-choice"] > div { - display: none; -} - [class^="input-"] .select2-offscreen { position: absolute; } diff --git a/lib/select2-bootstrap.less b/lib/select2-bootstrap.less index dfc2002..4da7ca8 100644 --- a/lib/select2-bootstrap.less +++ b/lib/select2-bootstrap.less @@ -67,10 +67,6 @@ border-top-right-radius: 0; } -[class^="input-"] [class^="select2-choice"] > div { - display: none; -} - [class^="input-"] .select2-offscreen { position: absolute; } diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss index 6429777..a525978 100644 --- a/lib/select2-bootstrap.scss +++ b/lib/select2-bootstrap.scss @@ -67,10 +67,6 @@ border-top-right-radius: 0; } -[class^="input-"] [class^="select2-choice"] > div { - display: none; -} - [class^="input-"] .select2-offscreen { position: absolute; } diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 7174916..e0c304f 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -72,10 +72,6 @@ border-top-right-radius: 0; } -[class^="input-"] [class^="select2-choice"] > div { - display: none; -} - [class^="input-"] .select2-offscreen { position: absolute; } diff --git a/test/support/less.patch b/test/support/less.patch index 9204a23..c3e8541 100644 --- a/test/support/less.patch +++ b/test/support/less.patch @@ -43,7 +43,7 @@ Index: select2-bootstrap.css .select2-container-multi .select2-choices { height: 28px; line-height: 29px; -@@ -15,72 +41,60 @@ +@@ -15,68 +41,57 @@ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -104,10 +104,6 @@ Index: select2-bootstrap.css border-top-left-radius: 0; border-top-right-radius: 0; } -- - [class^="input-"] [class^="select2-choice"] > div { - display: none; - } - [class^="input-"] .select2-offscreen { position: absolute; From e41906484df9e4aa7a8e1e6c4d4b65baece076ba Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 19 Jul 2013 13:49:54 -0400 Subject: [PATCH 30/62] Corrected mistyped title. --- docs/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.html b/docs/index.html index 7c839c9..46bc7d3 100644 --- a/docs/index.html +++ b/docs/index.html @@ -10,7 +10,7 @@ -

Select2 Baseline CSS

+

Select2 Bootstrap CSS

Demos

From b969e546988ff80d9f8a5f93ebe77503b3529813 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 19 Jul 2013 14:01:37 -0400 Subject: [PATCH 31/62] Really corrected title. --- _jekyll/_layouts/minimal.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_jekyll/_layouts/minimal.html b/_jekyll/_layouts/minimal.html index dc1f9f6..6cdfea8 100644 --- a/_jekyll/_layouts/minimal.html +++ b/_jekyll/_layouts/minimal.html @@ -10,7 +10,7 @@ -

Select2 Baseline CSS

+

Select2 Bootstrap CSS

{{ content }} From 4fdb4406ba2dc71e6f75dc933d4c61b69b96a8e3 Mon Sep 17 00:00:00 2001 From: Michael Hellein Date: Fri, 19 Jul 2013 14:56:37 -0400 Subject: [PATCH 32/62] Added demo for width classes for inputs, and (potentially breaking change) removed default width for select2 container. --- README.md | 4 +++ _jekyll/_layouts/default.html | 52 +++++++++++++++++++++++++++++++++-- _jekyll/select2-bootstrap.css | 25 +++++++++++++++++ docs/3.3.2.html | 52 +++++++++++++++++++++++++++++++++-- docs/3.4.1.html | 52 +++++++++++++++++++++++++++++++++-- docs/select2-bootstrap.css | 25 +++++++++++++++++ lib/select2-bootstrap.less | 3 +- lib/select2-bootstrap.scss | 15 ++++++---- select2-bootstrap.css | 25 +++++++++++++++++ test/support/less.patch | 11 ++++---- 10 files changed, 246 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 7ea89fd..8133fa4 100644 --- a/README.md +++ b/README.md @@ -9,6 +9,10 @@ Tests are included to verify that LESS and SCSS compile down to the target CSS. npm install && bower install npm test +## Notable Changes + +Versions prior to 1.2.0 included a default width for select2 containers. Applying the class "input-default" to you select will line the select2 container up with a default bootstrap text input. + ## Demos http://t0m.github.io/select2-bootstrap-css/ diff --git a/_jekyll/_layouts/default.html b/_jekyll/_layouts/default.html index da067ef..77abfa0 100644 --- a/_jekyll/_layouts/default.html +++ b/_jekyll/_layouts/default.html @@ -21,14 +21,14 @@

Select2 version {{ page.version }}

- +
- @@ -131,6 +131,54 @@

Select2 version {{ page.version }}

+ +
+ +
+ + + +
+
+ +
+ +
+ + + +
+
- - - + + + + @@ -191,4 +191,4 @@

Select2 version {{ page.version }}

}); - \ No newline at end of file + diff --git a/_jekyll/_layouts/minimal.html b/_jekyll/_layouts/minimal.html index 6cdfea8..ef3d3d7 100644 --- a/_jekyll/_layouts/minimal.html +++ b/_jekyll/_layouts/minimal.html @@ -2,10 +2,10 @@ - - - - + + + + @@ -15,4 +15,4 @@

Select2 Bootstrap CSS

{{ content }} - \ No newline at end of file + diff --git a/docs/3.3.2.html b/docs/3.3.2.html index 4ef7a9b..1608c9b 100644 --- a/docs/3.3.2.html +++ b/docs/3.3.2.html @@ -2,10 +2,10 @@ - - - - + + + + @@ -193,4 +193,4 @@

Select2 version 3.3.2

}); - \ No newline at end of file + diff --git a/docs/3.4.1.html b/docs/3.4.1.html index b7e583a..6cd5cd0 100644 --- a/docs/3.4.1.html +++ b/docs/3.4.1.html @@ -2,10 +2,10 @@ - - - - + + + + @@ -193,4 +193,4 @@

Select2 version 3.4.1

}); - \ No newline at end of file + diff --git a/docs/index.html b/docs/index.html index 46bc7d3..e539fed 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,10 +2,10 @@ - - - - + + + + @@ -24,4 +24,4 @@

Demos

- \ No newline at end of file + From b993f20843f389f5af24c5a1d53160fecefc5b77 Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Fri, 6 Feb 2015 20:18:02 +0100 Subject: [PATCH 51/62] Adjust to Select2 moving its examples from //ivaynberg.github.io/select2/ to //select2.github.io/select2/. Fixes #64. --- _jekyll/_layouts/default.html | 4 ++-- _jekyll/_layouts/minimal.html | 4 ++-- docs/3.3.2.html | 4 ++-- docs/3.4.1.html | 4 ++-- docs/index.html | 4 ++-- 5 files changed, 10 insertions(+), 10 deletions(-) diff --git a/_jekyll/_layouts/default.html b/_jekyll/_layouts/default.html index 2073c99..49340c3 100644 --- a/_jekyll/_layouts/default.html +++ b/_jekyll/_layouts/default.html @@ -3,8 +3,8 @@ - - + + diff --git a/_jekyll/_layouts/minimal.html b/_jekyll/_layouts/minimal.html index ef3d3d7..d731abd 100644 --- a/_jekyll/_layouts/minimal.html +++ b/_jekyll/_layouts/minimal.html @@ -3,8 +3,8 @@ - - + + diff --git a/docs/3.3.2.html b/docs/3.3.2.html index 1608c9b..9b88a07 100644 --- a/docs/3.3.2.html +++ b/docs/3.3.2.html @@ -3,8 +3,8 @@ - - + + diff --git a/docs/3.4.1.html b/docs/3.4.1.html index 6cd5cd0..e6a97fe 100644 --- a/docs/3.4.1.html +++ b/docs/3.4.1.html @@ -3,8 +3,8 @@ - - + + diff --git a/docs/index.html b/docs/index.html index e539fed..9977f15 100644 --- a/docs/index.html +++ b/docs/index.html @@ -3,8 +3,8 @@ - - + + From 41e40247e62fb669e5511fcb02fb6cdde22e1a07 Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Tue, 31 Mar 2015 19:32:50 +0200 Subject: [PATCH 52/62] Ignore `bower_components` instead of `components`. --- .gitignore | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.gitignore b/.gitignore index 71904c3..2a7940f 100644 --- a/.gitignore +++ b/.gitignore @@ -1,8 +1,8 @@ build -components +bower_components node_modules .sass-cache gh-pages tmp Gemfile.lock -.ruby-version \ No newline at end of file +.ruby-version From 57b4d30be6a6adb0a8b307d8ff45fdf08d21d383 Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Tue, 31 Mar 2015 20:02:35 +0200 Subject: [PATCH 53/62] Fix #78. --- lib/build.less | 6 +++--- lib/build.scss | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/lib/build.less b/lib/build.less index cbb99d3..02168ca 100644 --- a/lib/build.less +++ b/lib/build.less @@ -1,3 +1,3 @@ -@import "../components/bootstrap/less/variables"; -@import "../components/bootstrap/less/mixins"; -@import "select2-bootstrap.less"; \ No newline at end of file +@import "../bower_components/bootstrap/less/variables"; +@import "../bower_components/bootstrap/less/mixins"; +@import "select2-bootstrap.less"; diff --git a/lib/build.scss b/lib/build.scss index 2975986..96030d5 100644 --- a/lib/build.scss +++ b/lib/build.scss @@ -1,3 +1,3 @@ -@import "../components/sass-bootstrap/lib/variables"; -@import "../components/sass-bootstrap/lib/mixins"; -@import "select2-bootstrap.scss"; \ No newline at end of file +@import "../bower_components/sass-bootstrap/lib/variables"; +@import "../bower_components/sass-bootstrap/lib/mixins"; +@import "select2-bootstrap.scss"; From 18c4a16c9291509207b4c8ce5d523aaa765fb41c Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Wed, 1 Apr 2015 02:31:17 +0200 Subject: [PATCH 54/62] Fix compilation with Sass v3.4.x; fixes #79. * update grunt-contrib-sass to latest version; while at this, update all dependencies * adjust grunt-contrib-sass options to prevent sourcemap output * update Less patch to reflect change in Sass' output of hex-colors --- Gruntfile.js | 8 +++++--- _jekyll/select2-bootstrap.css | 12 +++++++----- bower.json | 4 ++-- docs/select2-bootstrap.css | 12 +++++++----- package.json | 16 ++++++++-------- select2-bootstrap.css | 4 ++-- test/support/less.patch | 16 +++++++++------- 7 files changed, 40 insertions(+), 32 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index dae0dac..e77e85b 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -7,13 +7,15 @@ module.exports = function(grunt) { nodeunit: { all: ['test/*_test.js'] }, - + sass: { options: { - style: 'expanded' + style: 'expanded', + sourcemap: 'none' }, dist: { files: { + '_jekyll/select2-bootstrap.css': 'lib/build.scss', 'docs/select2-bootstrap.css': 'lib/build.scss', 'select2-bootstrap.css': 'lib/build.scss' } @@ -38,4 +40,4 @@ module.exports = function(grunt) { }); -}; \ No newline at end of file +}; diff --git a/_jekyll/select2-bootstrap.css b/_jekyll/select2-bootstrap.css index 3c08d5d..fab0829 100644 --- a/_jekyll/select2-bootstrap.css +++ b/_jekyll/select2-bootstrap.css @@ -36,12 +36,12 @@ .select2-container-multi .select2-choices { height: 28px; line-height: 29px; - border: 1px solid #cccccc; + border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: none; - background-color: white; + background-color: #fff; 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); @@ -65,9 +65,11 @@ 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); @@ -103,9 +105,9 @@ } /** - * 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 + * 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; diff --git a/bower.json b/bower.json index 2e598a6..4e591df 100644 --- a/bower.json +++ b/bower.json @@ -13,7 +13,7 @@ "select2": "^3.3.2" }, "devDependencies": { - "bootstrap": "~2.3.1", - "sass-bootstrap": "git://github.com/jlong/sass-twitter-bootstrap.git#~2.3.1" + "bootstrap": "~2.3.2", + "sass-bootstrap": "git://github.com/jlong/sass-twitter-bootstrap.git#~2.3.2" } } \ No newline at end of file diff --git a/docs/select2-bootstrap.css b/docs/select2-bootstrap.css index 3c08d5d..fab0829 100644 --- a/docs/select2-bootstrap.css +++ b/docs/select2-bootstrap.css @@ -36,12 +36,12 @@ .select2-container-multi .select2-choices { height: 28px; line-height: 29px; - border: 1px solid #cccccc; + border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: none; - background-color: white; + background-color: #fff; 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); @@ -65,9 +65,11 @@ 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); @@ -103,9 +105,9 @@ } /** - * 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 + * 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; diff --git a/package.json b/package.json index 0460ec7..108e561 100644 --- a/package.json +++ b/package.json @@ -21,13 +21,13 @@ "license": "MIT", "readmeFilename": "README.md", "devDependencies": { - "grunt": "~0.4.1", - "grunt-contrib-nodeunit": "~0.1.2", - "diff": "~1.0.4", - "grunt-contrib-sass": "~0.3.0", - "bower": "~0.9.2", - "grunt-contrib-jshint": "~0.6.0", - "grunt-bump": "0.0.11", - "matchdep": "~0.1.2" + "grunt": "~0.4.5", + "grunt-contrib-nodeunit": "~0.4.1", + "diff": "~1.3.2", + "grunt-contrib-sass": "~0.9.2", + "bower": "~1.4.0", + "grunt-contrib-jshint": "~0.11.1", + "grunt-bump": "0.3.0", + "matchdep": "~0.3.0" } } diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 6249bc7..fab0829 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -36,12 +36,12 @@ .select2-container-multi .select2-choices { height: 28px; line-height: 29px; - border: 1px solid #cccccc; + border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: none; - background-color: white; + background-color: #fff; 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); diff --git a/test/support/less.patch b/test/support/less.patch index a1ab642..3da885e 100644 --- a/test/support/less.patch +++ b/test/support/less.patch @@ -34,7 +34,7 @@ Index: select2-bootstrap.css * Select2 Bootstrap CSS 1.0 * Compatible with select2 3.3.2 and bootstrap 2.3.1 * MIT License -@@ -30,9 +57,8 @@ +@@ -30,42 +57,38 @@ .select2-container[class*="span"] { float: none; margin-left: 0; @@ -44,13 +44,14 @@ Index: select2-bootstrap.css .select2-container-multi .select2-choices { height: 28px; line-height: 29px; -@@ -40,69 +66,59 @@ ++ border: 1px solid #cccccc; +- border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: none; + background-color: #ffffff; -- background-color: white; +- background-color: #fff; 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); @@ -76,10 +77,11 @@ Index: select2-bootstrap.css 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); - outline: none; +@@ -74,37 +97,30 @@ -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); @@ -114,6 +116,6 @@ Index: select2-bootstrap.css } - /** - * 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 + * 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 From 416aed798ff015d1f7d3b3fe76add6dddf48b0ef Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Wed, 1 Apr 2015 02:54:39 +0200 Subject: [PATCH 55/62] Make clear that the master branch is for Bootstrap 2; point users to the bootstrap3 branch. --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5a5178f..9792004 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,8 @@ # Select2 Bootstrap CSS -This is a bare bones stylesheet for making select2 fit in with bootstrap a bit better. +Simple CSS to make Select2 widgets fit in with Bootstrap. +*This branch (`master`) contains the legacy version for Bootstrap 2. +If you are looking for the Bootstrap 3 version, please head over to the [`bootstrap3` branch](https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3).* The LESS file is located at lib/select2-bootstrap.less, and the SCSS file is located at lib/select2-bootstrap.scss. From ca83b7fc76dfebf55afdd2d39887b13b88b024b5 Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Wed, 1 Apr 2015 03:16:33 +0200 Subject: [PATCH 56/62] Fix `pages_setup` rule. --- Makefile | 1 + 1 file changed, 1 insertion(+) diff --git a/Makefile b/Makefile index 56409a5..45f7a42 100644 --- a/Makefile +++ b/Makefile @@ -16,4 +16,5 @@ pages_setup: mkdir gh-pages git init gh-pages cd gh-pages; git remote add origin git@github.com:t0m/select2-bootstrap-css.git + cd gh-pages; git fetch cd gh-pages; git checkout gh-pages From 4d936eb0e17040378c0574e04b1ce75b0612bbac Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Wed, 1 Apr 2015 03:37:47 +0200 Subject: [PATCH 57/62] Fix version number in compiled CSS, fixes #80. --- _jekyll/select2-bootstrap.css | 4 ++-- docs/select2-bootstrap.css | 4 ++-- lib/select2-bootstrap.less | 4 ++-- lib/select2-bootstrap.scss | 4 ++-- select2-bootstrap.css | 4 ++-- test/support/less.patch | 4 ++-- 6 files changed, 12 insertions(+), 12 deletions(-) diff --git a/_jekyll/select2-bootstrap.css b/_jekyll/select2-bootstrap.css index fab0829..24c7cf1 100644 --- a/_jekyll/select2-bootstrap.css +++ b/_jekyll/select2-bootstrap.css @@ -1,6 +1,6 @@ /** - * Select2 Bootstrap CSS 1.0 - * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * Select2 Bootstrap CSS v1.2.4 + * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ .select2-container { diff --git a/docs/select2-bootstrap.css b/docs/select2-bootstrap.css index fab0829..24c7cf1 100644 --- a/docs/select2-bootstrap.css +++ b/docs/select2-bootstrap.css @@ -1,6 +1,6 @@ /** - * Select2 Bootstrap CSS 1.0 - * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * Select2 Bootstrap CSS v1.2.4 + * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ .select2-container { diff --git a/lib/select2-bootstrap.less b/lib/select2-bootstrap.less index cd5c9bb..bcd7b9f 100644 --- a/lib/select2-bootstrap.less +++ b/lib/select2-bootstrap.less @@ -1,6 +1,6 @@ /** - * Select2 Bootstrap CSS 1.0 - * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * Select2 Bootstrap CSS v1.2.4 + * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss index fe9f990..8f6960b 100644 --- a/lib/select2-bootstrap.scss +++ b/lib/select2-bootstrap.scss @@ -1,6 +1,6 @@ /** - * Select2 Bootstrap CSS 1.0 - * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * Select2 Bootstrap CSS v1.2.4 + * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ diff --git a/select2-bootstrap.css b/select2-bootstrap.css index fab0829..24c7cf1 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -1,6 +1,6 @@ /** - * Select2 Bootstrap CSS 1.0 - * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * Select2 Bootstrap CSS v1.2.4 + * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ .select2-container { diff --git a/test/support/less.patch b/test/support/less.patch index 3da885e..d97eba4 100644 --- a/test/support/less.patch +++ b/test/support/less.patch @@ -31,8 +31,8 @@ Index: select2-bootstrap.css + box-sizing: border-box; +} /** - * Select2 Bootstrap CSS 1.0 - * Compatible with select2 3.3.2 and bootstrap 2.3.1 + * Select2 Bootstrap CSS v1.2.4 + * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License @@ -30,42 +57,38 @@ .select2-container[class*="span"] { From bbc77dee23d86120e2f099c5293b4792e8749460 Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Wed, 1 Apr 2015 03:43:31 +0200 Subject: [PATCH 58/62] =?UTF-8?q?Update=20Bootstrap=20on=20demo=20pages=20?= =?UTF-8?q?from=20v2.3.1=20to=20v2.3.2=20=E2=80=93=20the=20latest=202.x.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _jekyll/_layouts/default.html | 4 ++-- _jekyll/_layouts/minimal.html | 2 +- docs/3.3.2.html | 4 ++-- docs/3.4.1.html | 4 ++-- docs/index.html | 2 +- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/_jekyll/_layouts/default.html b/_jekyll/_layouts/default.html index 49340c3..401d634 100644 --- a/_jekyll/_layouts/default.html +++ b/_jekyll/_layouts/default.html @@ -5,7 +5,7 @@ - + @@ -183,7 +183,7 @@

Select2 version {{ page.version }}

- + diff --git a/docs/3.3.2.html b/docs/3.3.2.html index 9b88a07..4515734 100644 --- a/docs/3.3.2.html +++ b/docs/3.3.2.html @@ -5,7 +5,7 @@ - + @@ -185,7 +185,7 @@

Select2 version 3.3.2

- + @@ -185,7 +185,7 @@

Select2 version 3.4.1

- + From 989c1ec14756b404a418c2202393ec3ac70f8700 Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Wed, 1 Apr 2015 04:35:37 +0200 Subject: [PATCH 59/62] Calmer Select2 dropdown box-shadow style, fixes #81. --- _jekyll/select2-bootstrap.css | 4 ++++ docs/select2-bootstrap.css | 4 ++++ lib/select2-bootstrap.less | 4 ++++ lib/select2-bootstrap.scss | 4 ++++ select2-bootstrap.css | 4 ++++ test/support/less.patch | 9 +++++++-- 6 files changed, 27 insertions(+), 2 deletions(-) diff --git a/_jekyll/select2-bootstrap.css b/_jekyll/select2-bootstrap.css index 24c7cf1..13e3b9d 100644 --- a/_jekyll/select2-bootstrap.css +++ b/_jekyll/select2-bootstrap.css @@ -71,6 +71,10 @@ border-color: rgba(82, 168, 236, 0.8); border-color: #ccc\0; outline: none; +} + +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { -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); diff --git a/docs/select2-bootstrap.css b/docs/select2-bootstrap.css index 24c7cf1..13e3b9d 100644 --- a/docs/select2-bootstrap.css +++ b/docs/select2-bootstrap.css @@ -71,6 +71,10 @@ border-color: rgba(82, 168, 236, 0.8); border-color: #ccc\0; outline: none; +} + +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { -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); diff --git a/lib/select2-bootstrap.less b/lib/select2-bootstrap.less index bcd7b9f..2279644 100644 --- a/lib/select2-bootstrap.less +++ b/lib/select2-bootstrap.less @@ -56,6 +56,10 @@ border-color: rgba(82, 168, 236, 0.8); border-color: #ccc\0; outline: none; +} + +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { .box-shadow(~"inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)"); } diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss index 8f6960b..f2dccc8 100644 --- a/lib/select2-bootstrap.scss +++ b/lib/select2-bootstrap.scss @@ -56,6 +56,10 @@ border-color: rgba(82, 168, 236, 0.8); border-color: #ccc\0; outline: none; +} + +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)); } diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 24c7cf1..13e3b9d 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -71,6 +71,10 @@ border-color: rgba(82, 168, 236, 0.8); border-color: #ccc\0; outline: none; +} + +.select2-container-active .select2-choice, +.select2-container-multi.select2-container-active .select2-choices { -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); diff --git a/test/support/less.patch b/test/support/less.patch index d97eba4..2579cfa 100644 --- a/test/support/less.patch +++ b/test/support/less.patch @@ -34,7 +34,7 @@ Index: select2-bootstrap.css * Select2 Bootstrap CSS v1.2.4 * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License -@@ -30,42 +57,38 @@ +@@ -30,85 +57,73 @@ .select2-container[class*="span"] { float: none; margin-left: 0; @@ -81,7 +81,12 @@ Index: select2-bootstrap.css .select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices { border-color: rgba(82, 168, 236, 0.8); -@@ -74,37 +97,30 @@ + border-color: #ccc\0; + outline: none; + } +- + .select2-container-active .select2-choice, + .select2-container-multi.select2-container-active .select2-choices { -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); From bf1ef7c393fc022e631f66a2f5895769c724b139 Mon Sep 17 00:00:00 2001 From: Florian Kissling Date: Wed, 1 Apr 2015 04:40:55 +0200 Subject: [PATCH 60/62] Release v1.2.5. --- _jekyll/select2-bootstrap.css | 2 +- bower.json | 2 +- docs/select2-bootstrap.css | 2 +- lib/select2-bootstrap.less | 2 +- lib/select2-bootstrap.scss | 2 +- lib/select2-bootstrap/version.rb | 2 +- package.json | 2 +- select2-bootstrap.css | 2 +- test/support/less.patch | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/_jekyll/select2-bootstrap.css b/_jekyll/select2-bootstrap.css index 13e3b9d..e2ebdb7 100644 --- a/_jekyll/select2-bootstrap.css +++ b/_jekyll/select2-bootstrap.css @@ -1,5 +1,5 @@ /** - * Select2 Bootstrap CSS v1.2.4 + * Select2 Bootstrap CSS v1.2.5 * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ diff --git a/bower.json b/bower.json index 4e591df..e811fe9 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "select2-bootstrap-css", - "version": "1.2.4", + "version": "1.2.5", "main": [ "select2-bootstrap.css" ], diff --git a/docs/select2-bootstrap.css b/docs/select2-bootstrap.css index 13e3b9d..e2ebdb7 100644 --- a/docs/select2-bootstrap.css +++ b/docs/select2-bootstrap.css @@ -1,5 +1,5 @@ /** - * Select2 Bootstrap CSS v1.2.4 + * Select2 Bootstrap CSS v1.2.5 * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ diff --git a/lib/select2-bootstrap.less b/lib/select2-bootstrap.less index 2279644..979a4cb 100644 --- a/lib/select2-bootstrap.less +++ b/lib/select2-bootstrap.less @@ -1,5 +1,5 @@ /** - * Select2 Bootstrap CSS v1.2.4 + * Select2 Bootstrap CSS v1.2.5 * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ diff --git a/lib/select2-bootstrap.scss b/lib/select2-bootstrap.scss index f2dccc8..76ca5d4 100644 --- a/lib/select2-bootstrap.scss +++ b/lib/select2-bootstrap.scss @@ -1,5 +1,5 @@ /** - * Select2 Bootstrap CSS v1.2.4 + * Select2 Bootstrap CSS v1.2.5 * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ diff --git a/lib/select2-bootstrap/version.rb b/lib/select2-bootstrap/version.rb index 8a1a1b6..eebd25c 100644 --- a/lib/select2-bootstrap/version.rb +++ b/lib/select2-bootstrap/version.rb @@ -2,7 +2,7 @@ module Select2 module Bootstrap # This is updated via the `grunt bump` command, which has a pretty # unflexible matching syntax. - VERSION_STRING = "'version': '1.2.4'" + VERSION_STRING = "'version': '1.2.5'" # Then, just the version. VERSION = VERSION_STRING.match(/\d+\.\d+\.\d+/)[0] end diff --git a/package.json b/package.json index 108e561..f993cea 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "select2-bootstrap-css", - "version": "1.2.4", + "version": "1.2.5", "description": "simple css to make select2 widgets fit in with bootstrap", "main": "", "directories": { diff --git a/select2-bootstrap.css b/select2-bootstrap.css index 13e3b9d..e2ebdb7 100644 --- a/select2-bootstrap.css +++ b/select2-bootstrap.css @@ -1,5 +1,5 @@ /** - * Select2 Bootstrap CSS v1.2.4 + * Select2 Bootstrap CSS v1.2.5 * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License */ diff --git a/test/support/less.patch b/test/support/less.patch index 2579cfa..1fe81fc 100644 --- a/test/support/less.patch +++ b/test/support/less.patch @@ -31,7 +31,7 @@ Index: select2-bootstrap.css + box-sizing: border-box; +} /** - * Select2 Bootstrap CSS v1.2.4 + * Select2 Bootstrap CSS v1.2.5 * Tested with Bootstrap v2.3.1, v2.3.2 and Select2 v3.3.2, v3.4.1 * MIT License @@ -30,85 +57,73 @@ From eea5a30b4c140ba018856e59cbb61443b1c1f079 Mon Sep 17 00:00:00 2001 From: Tom Terrace Date: Fri, 27 May 2016 14:19:05 -0400 Subject: [PATCH 61/62] Add pointer to official repo in readme.md --- README.md | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 9792004..edeefab 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,15 @@ # Select2 Bootstrap CSS Simple CSS to make Select2 widgets fit in with Bootstrap. -*This branch (`master`) contains the legacy version for Bootstrap 2. -If you are looking for the Bootstrap 3 version, please head over to the [`bootstrap3` branch](https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3).* + +* NOTE: This is the original legacy repo. You probably want the official one here: https://github.com/select2/select2-bootstrap-theme + +-------------------------------------------------- + + + +* This branch (`master`) contains the legacy version for Bootstrap 2. +* The legacy bootstrap 3 branch is here: [`bootstrap3` branch](https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3).* The LESS file is located at lib/select2-bootstrap.less, and the SCSS file is located at lib/select2-bootstrap.scss. From 1855431d073b3f047381ac1427f2a44c4ba18266 Mon Sep 17 00:00:00 2001 From: Tom Terrace Date: Fri, 27 May 2016 14:19:44 -0400 Subject: [PATCH 62/62] typo --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index edeefab..63e4837 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ Simple CSS to make Select2 widgets fit in with Bootstrap. -* NOTE: This is the original legacy repo. You probably want the official one here: https://github.com/select2/select2-bootstrap-theme +* NOTE: This is the legacy repo. You probably want the official one here: https://github.com/select2/select2-bootstrap-theme --------------------------------------------------