From 460d526474424e49b7c458e181f6e2af59a0355e Mon Sep 17 00:00:00 2001 From: tom Date: Sun, 5 May 2013 12:34:15 -0400 Subject: [PATCH 01/57] 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 02/57] 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 03/57] 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 04/57] 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 05/57] 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 06/57] 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 07/57] 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 08/57] 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 09/57] 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 10/57] 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 11/57] 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 12/57] 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 13/57] 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 14/57] 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 15/57] 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 16/57] 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 17/57] 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 18/57] 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 19/57] 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 20/57] 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 21/57] 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 22/57] 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 23/57] 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 24/57] 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 25/57] 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 26/57] 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 27/57] 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 46/57] 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 47/57] 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 48/57] 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 49/57] 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 50/57] 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 51/57] 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 52/57] 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 53/57] =?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 54/57] 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 55/57] 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 56/57] 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 57/57] 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 --------------------------------------------------