From 83b4417be208d68f03a293337fa495f11b3b6303 Mon Sep 17 00:00:00 2001
From: Jouni Koivuviita <jouni.koivuviita@itmill.com>
Date: Tue, 1 Dec 2009 15:01:45 +0000
Subject: [PATCH] Sampler updates: new "screenshots" for many samples. IE6
 initial fixes.

svn changeset:10120/svn branch:6.2
---
 .../sampler/screenshot-frame-hover-ie6.png    | Bin 0 -> 1250 bytes
 .../sampler/sampler/screenshot-frame-ie6.png  | Bin 0 -> 315 bytes
 .../screenshot-frame-new-hover-ie6.png        | Bin 0 -> 2181 bytes
 .../sampler/screenshot-frame-new-ie6.png      | Bin 0 -> 1224 bytes
 .../VAADIN/themes/sampler/sampler/styles.css  |  39 ++++++++++++++++--
 5 files changed, 35 insertions(+), 4 deletions(-)
 create mode 100644 WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-hover-ie6.png
 create mode 100644 WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-ie6.png
 create mode 100644 WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-hover-ie6.png
 create mode 100644 WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-ie6.png

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-hover-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-hover-ie6.png
new file mode 100644
index 0000000000000000000000000000000000000000..04d8b63a9dfb9893a562cec060159d16b7e184a2
GIT binary patch
literal 1250
zcmchWiBHpK9L77D4$8>JCb#3Z+(o3&%9t4q6(LG07AQ9b%BAIQDKJ2UiX3GcmIy{c
z#ul(bfwf#Mt!{G6an(_3sj$GNU<$=<9Hmgg-gke*e#!fL^G!a_^L^f{h8P-TgtSB=
z5D25-i-BQa4u?Zu5BxuIBd3GOqJTgyxSE|>P)Nz6A_7vflc=`AG)fvZj7mu<%6&og
zM<6~3AzmU8aO_1KdkNRDWI}!{l}d+(hO}C(P1?}G!GSkx{)?3UGZiln4-Zu;)z;RQ
zTCH|v{)#S}F^lQK)i0VxcX{3X-I_Y!Q?uZ6TaK-NZAJMBTld<xR^e9k+o@#!>6~Zw
z*F~N;B&U*i)~SO|1*01q8@s!^mWh4N^f64e%ryFmL)KHD8u|YIzB7INY~`E-P3&1d
z>wQaxE}gMV=<}+aGmYYyMm@2J@3DyQ)#-G$83Om>NxN%8x1twjG2LgYq^P{-?j@7v
zaa@apUi)h!9;MSB-%MFic-Z<yRPHY>j0w9;p>OSid2F{!;l$~jpB=NG`qnATW4X5J
z!%q3nG1aeRGTHL-^5WuRYR4OaK=6S7a%E+uxo<`;myeE)uCA`Gudffu{uz*}Q-1uD
zz#N>Kni7k}cm~ge%uy<pdwY9FM@Lp)M<jx+&ngHDy$Z_z??XH~?(dC29ODNE29THv
z{z4kw@(O~ma<9oh=%K~Ql7PM&CdY-hzfaOLWNe5oq#l*$i(;1ZOx3jICR_b@Zuz>P
ztRnrGX6N2Oq#0)`l`lG1kxR?Z&wpfipMKe|Wp<6_%4aHYWoc<0MAqt;C}ZX3rYT2)
zH%JyWHh$iQoaT*>7Z(>-x$>KQ-oCG_)N4bkgdg{dL~)(?c0VsKJ5t*f)w_3}awMJc
zv9bE$>7<~bAeJkJGdDMfH?f=-2>jZR-L*=E;y#gefu5Ne0(Drd6VTCUG!vln#bAIg
zoCK~V6h0<FL?M+r0_0(HvoS!jva=0=bs>XM1qdrED`<TQ<p2nFpgk<+=fm5O?9Alk
zcF?Au?2ZJuW_K6jjg5_vxO>+a5K4*U4j^`Px>(RfAQq#6hsQ}IB-+~@phrSND<t;z
z$S~^p^N_fV`p+XB;|hu;h2k?1irdu%*Q?QJVC>1sN$A1jc|#8xt((Y-AkcGih;T77
z84BpSdwR?`5>6+0B{1GcCr-e4LZJ`}xm+}ir&jlZ=5z)l0>&F2b^*G$=xEpvjYdOR
z{_q1BZ+n{rh+-zw84%N{Jm`^wa|Z=2BLnVP1DkCSo=&7)r%(bq@pVzjBCWOv9w^GV
z_^3nm)puta%H1NeODBH#>yN`oHn*q5v&EOY)A~Nd=G#_mxtnTr>+kjg%|^_t4?`C;
zE$ANWkaE}V?Hs!Hjh4E$Hg?W;vwB2c_;zgMj?LiAY@OjTtje*=BeJF6z)6MIc|Jo>
W=Y@<WBgIAVauC6U&_FIe@#epcHkTFv

literal 0
HcmV?d00001

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-ie6.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba3cc98290ba5c72160a3280dbcce337527187c1
GIT binary patch
literal 315
zcmeAS@N?(olHy`uVBq!ia0vp^{vgc33?%2i%Gd&=BuiW)N`mv#O3D+9QW+dm@{>{(
zJaZG%Q-e|yQz{EjrrH1%*#!86xL&?|xuw1H!sTl}fByXY_wTP?zh1w7{o%uhCCgWJ
z_fB~9=+V>}vko3PzH!U;8#iv8K6i1|+6^yXzWnjy$N&HTyCz>$1)3vL666;Q<e~!x
zfB)x#K>1Qn7srr_TW@Z9iXL|0IS{b@-X`_O56_#jKD<7e<$>@7pW?OiuH<%IEv&EJ
z)o=9CCOtfTSB6dQJz*_Vsl9;}*g*Z~X=eF9E2Vz_dYO6G`DpR(CCjtD#aH)S3{IJ8
f^1n5_fsvtd$Ikft4JT}Y4q)(f^>bP0l+XkKb1$D<

literal 0
HcmV?d00001

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-hover-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-hover-ie6.png
new file mode 100644
index 0000000000000000000000000000000000000000..4659f9d49adb79facdec416c4e3b7fa12d2a3c27
GIT binary patch
literal 2181
zcmd_si8tHX9suxPr%xC2wBxBIX{l0M)e<7sj@YVNO9nwOh>EdRXwXoVT0%{Av~|WS
zoffUJwS?Fb6+e54CCJ1+w&FFIT3*#UeYyUP_dDnJyXT(I`F?-j`#txbb06RwZ6(B!
z;t&K$*j=-B7L9oDo;WJ{p4RjT5)BB7jR(agB9IbGj3Pl60TKQrMZ0j~Pb6m&F@PG`
zO)`U^qY%#C)kfN*l+WikG&C4xP8mI#GRmB6S4E5(tF)@fef|0sR+b$zQQg_u;cCfu
zY9QZhp5tSb1%?-g^p*DZ_WE?r>!<!9A5hCfDeB%IJpWU}>gwv|=H|h{!G+MqwY4?X
z$X0|81L0G7IgY!#yQ>()+TY(-kM3AmSwZ+R^yvb%+iePg^-7`dwzjrV$-_!vP1^VR
zHK{%4{F$;|Z`CO6sH7no&vK++m7I5lUJ73)aX|T2^QAlQ<-FhO(0F>u!{=_+D3I#Z
zqdOIY*;)yG+6nzKo^Q};0<F8f=(Lf`@!X3M&9Yu^kiJ#Q;heKXrreJeD&&?6A&nX_
zU1y2a8nIm}WLSn!t{T;*N$r*)lr=(-LHelS!^x>Yg5kpnfk0sJU=))vZus*A=I3#P
z2V<CwF{6i*D=@sfww4D$A7MBHf;KzhUNNXau(7zf*xTF7_jPG+Z#T>sU0z-`%ABa<
zuLTx==$3>QVR&+Ka&&Zbj7FQCopp(?e_k`l;c$koW9PFopH=mDKu|!@+|103Wek&N
zi~Rt@kMTh^ck0<}HaeC6;Yn66nJlnE6{Os6!D96i-@kLSANTXqiECc#YHLxEOZB1V
z*x?5hza8<!@yKKj1o3b<-S}3P=7mD%A3rp+VO7NR-6$4HgO#0S?;1bq@csVA2H{rW
z0t{<LR4(M_52{OXQOZIX=BS+Qvo?GML9;ZPe#+p?E#lV94C4xVy{B_D*vB-TKjdON
ze$(9`T`&>q$2|khGZ;e`{)xKV#>U~w2|ozj>;|#eIT(K9;9QuR+^4HMl9ko>y{^DS
zwbNL$%H>861pRq8YQzCMeC2YoZ~R0Yd6GusV6<kkvZiRXIcnHkB4sedcYAiG|2ycd
zl^OpA_CGLekjC#i0W~Qq_F&Y7490pZJWZo5GZ;L%Z$_Q4#u+1fYisK~o^C?NFcw?w
zYQN0m@l7=znOb#O7_KrH{U)0F_j{y0%7jAU_V%`Dhp(triB8fHh~n(%BAWg`Kak6p
z<0=sJkJEP67Or>3YsT;tSNAiW>o<<3S~;mj<)K-zdXKvU{H0=JV{;xjdXv*;Iy9oi
zgcW>=;-U(p&z4O#p0A&<rkG38>_E4eza!!kLJt)BmnF~GJTr-SC*Mcd__Lr~d#vO5
zue}KKh)d~7g)f%<oF+c)-kBqrCT?dZw|N_s%$1#tL5DUmi+&$?{##{Ub>+$2sDX(7
zX*9u+%eW^<!51o(P@SB9@xOiAgm~1@Y?-oOcQ!taPUmcYJY5`r9AlcWEw1g98`t2;
zL*(Y=g}XOLwaD$Y6n!b09;m6QG5dRj!S&f{Q4l0?r_}N!Of0g!yu8BQ&Dk<HeP3>K
zzT_l-ySulyl*sbCH$BkyNq0GF<)s_pObzmBcR(Y175OmS_&@+JO{0RACRP^RW6f(n
zyDwL-Iy}9qNiJnFhhsiJEl1Vu&vI_t=9s71PO}{nnbF7JaFy$0uY1qzK6-R&;twx*
zRGnb`6z1L5R7*>Xto%!2gwa;DykMa<K|W6V-?r?=#&GxZcw!h`C|2iBUl8+gmnWK+
zxtS5=U4NMxy5fJVw!EAhgWuWg`MNq>?E9BxZBx_KDg0RC(rfM(@7}^nMT~3a)mK-_
zqJ~2UoHzkr68AWT-Vx|RPaH0vCx$GeQmHAIf=Z4ZJNB=#`~uN&xL%Tkp@&#nep4Wh
zEDH_}21=*Xfg+`(tV)vTWsQxd1>)m!Wu>L1Kvh*$4^=_IQKTV`j;BEA*w`4r#ib=F
zQK+Yf$2AaIS*Zh1Qc@Bi295qsgt^b3+k;342MK_9JRV?RVBld%pFTMOq)^ZREi5bm
z3PwgiTH(Ti4L}<kF@UwTwE$(Lr6oby>}+d*!ND2;i9{kmdP)lTr|{!PJAfpT3P1vZ
z0C0C_2Sf^IXDtrfKql(~MIaDB*({bwGYfKGyf|EGK)^+yBoYazo4Y$G2`MXU3liJe
zodkH~$Ps{X@$rZC&d-AmhES=-0N2;o0sj8_H7E%wEq%C{$Ve1G7K;V2v$IpwhWkCA
zqobom^EhpCX;sx@oS4I0k{ff@cN`N`lccVr;+E4>n6H0LbL0f&EkOf8Ny_CiW$PVY
zvcl%2Uxm+CKO3Hq8TgguiL+*2cJOK<|1i-oD5wjX6$U>ElhI0yR5E;zv@_S+{qK{j
x81mqTY_WRCZzT(pX1his872nlUr*{nFAf%s@tc1ciS8AUosFY)g{5E8{{YVsz$X9z

literal 0
HcmV?d00001

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-ie6.png
new file mode 100644
index 0000000000000000000000000000000000000000..4210750d0f7f88c9b8d555492425d09d8248b10b
GIT binary patch
literal 1224
zcmd6l`8(Tp0LMR=r+t);uI6eVan>=NV6HkslUZC1F>I}?mEx(ZVUFtfPIZn}mr<oU
zW5rsf_MLUzV#OB?apo)$SDHji<A^I0nOgR9|AD=q=ly;^@1NhVQbMqwmWH7Q06+`>
z88%eeA^-WHnlkG`I^R>4K_)ITlbCifGdqq<0zUC+=Se7hN?ZadloS`AdwGcD0f5RH
zAutSAR9wp8aG0El=avS27WzCli~armDR)c6OmD>Q_<*$`-S!yQ*=)kaob6~j_OUS&
zjoRDWlSm|Tx%@8xc6WEBQt9l)FP0HRBod9P1La;qkTL-70kAoMtiNFYRP@a&1mVUI
z$Gq&>{urhohR5R#>42)5+5tD)Q3tc82ah&4H*b_v#0Vmj$@mZ?6bePR%V_}c^D_ny
zf^imiHtDQbEM{4KAnK;FFc=;LQEg2W@|{Kih5`6zW8)<R4Le)4wEeQqWJ;LK-sgkD
zf=v1L_CiC$6vhs*G-!<^OkYW7B}I>6UFNQmXCR1|6ut9OkPj77!~7YjLo$J&7lT<u
z5CMfEtSp_r6w3|3v_5<&g5hW3fsapn(CKv8(}``OIdK{-ymOODAoN=3zd?}6APn_3
zWi&l~@=HRuh0!bob%X`-FGL7)ljkxMI2g?2sS|?Kxb`!Cyfc^u1mOjFNeBD8P^fMI
zCc^Rj*w|m6{88!aDG&%4iBSrvbQ=0<y$=y0$Qu~ud0LNagQwq@&tD}o)6+W%gpqL;
zQ(tw=-hSjLU@#c`K=*kFnxs(b>hH6Oe&PzsxV!E8@W2WT_c#0~f#FAw;iaXeot+)!
zvnQjxCY5|NXNCq7mGgfufXW+J0<F@G$NGfj@Rz3|h+Kkx@j6OcI8}&up1Pg_KWWaU
z6*}oIy@;k9wz+R=Rl>dp9jDkNj~^gqkVjUR?+z^}X6ob#`ITZ>dJ)=$`pkNDCd;zo
zx<Kui8Be-=A(`&{t!;}Hy}~dlm-M0C+23iQwN8nL?l>u?JCZoJ_^^#S&ZkQu@hysy
zr~OQwJLl+KXH3rNntOlVa?Gr~_*FsuA~{M>()JPdEh{D55Q%7Q%-X#*n_BO7vO|W{
z_ryLJA)EM_uRD>^D@U|eJ*msQuU9s6Jl<ZZpQnajR@<@&5|<dpYG)itw12w6*={!~
zENAqJ{21Q*uB_@Gu%Dt8rdsTtQxbPh4C~r&0)e)M`<6vsX~^;?EL8uNdYQw-Y-)B@
zi%w_YVcul*fwnc*VGgP)t+*m=rS-d=@IPtQ+(oq>+OF}CVi6A7*6S#1S|A0|YxQEx
zHAYSG202CrsV<7p)wI_-S?F_l5uab9O{+B0h(|-PI=FWO-Bfd_rX~P~A02*u)7m?L
zo2nAu?CLmN<8VXw?wqaFd87u5(~Vs7>N_!{YLcL;3I4_de{)SDL5Uu~<ASm6zOjY>
E0$i)Z9RL6T

literal 0
HcmV?d00001

diff --git a/WebContent/VAADIN/themes/sampler/sampler/styles.css b/WebContent/VAADIN/themes/sampler/sampler/styles.css
index 5f01c067ba..4b678c1d6a 100644
--- a/WebContent/VAADIN/themes/sampler/sampler/styles.css
+++ b/WebContent/VAADIN/themes/sampler/sampler/styles.css
@@ -10,7 +10,7 @@
 }
 
 .v-app-SamplerApplication .v-horizontallayout-topbar {
-	border-bottom: 1px solid #fff;
+	border-bottom: 1px solid #eaeaea;
 	background: #5c5d60 url(top-bg.png) repeat-x;
 }
 
@@ -422,18 +422,37 @@
 	padding-top: 84px;
 	height: 30px;
 	color: #222;
+	cursor: pointer;
+}
+.v-ie6 .v-csslayout-grid .screenshot span,
+.v-ie6 .v-csslayout-grid .screenshot a:link span,
+.v-ie6 .v-csslayout-grid .screenshot a:visited span {
+	background-image: url(screenshot-frame-ie6.png);
 }
 .v-csslayout-grid .screenshot a:hover span {
 	background: transparent url(screenshot-frame-hover.png) no-repeat 1px 0;
 }
+.v-ie6 .v-csslayout-grid .screenshot a:hover span {
+	/* Hover images are somehow totally unusable */
+	background: transparent url(screenshot-frame-ie6.png) no-repeat 4px 2px;
+}
 .v-csslayout-grid .new a span,
 .v-csslayout-grid .new a:link span,
 .v-csslayout-grid .new a:visited span {
 	background: transparent url(screenshot-frame-new.png) no-repeat 2px 0;
 }
+.v-ie6 .v-csslayout-grid .new a span,
+.v-ie6 .v-csslayout-grid .new a:link span,
+.v-ie6 .v-csslayout-grid .new a:visited span {
+	background-image: url(screenshot-frame-new-ie6.png);
+}
 .v-csslayout-grid .new a:hover span {
 	background: transparent url(screenshot-frame-new-hover.png) no-repeat 1px 0;
 }
+.v-ie6 .v-csslayout-grid .new a:hover span {
+	/* Hover images are somehow totally unusable */
+	background: transparent url(screenshot-frame-new-ie6.png) no-repeat 2px 0;
+}
 
 
 /* Highlight features (samples directly inside the root) */
@@ -455,12 +474,14 @@
 	color: #555a5f;
 }
 .v-csslayout-highlight {
-	width: 50%;
+	width: 49.8%;
 	float: left;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	overflow: visible;
-
+}
+.v-ie6 .v-csslayout-highlight {
+	overflow: hidden;
 }
 
 .v-sa .v-csslayout-highlight {
@@ -496,7 +517,6 @@
 	background: transparent url(screenshot-frame.png) no-repeat 3px 3px;
 	text-overflow: ellipsis;
 }
-
 .highlight .v-link a:hover span {
 	background: transparent url(screenshot-frame-hover.png) no-repeat 0 1px;
 }
@@ -509,6 +529,16 @@
 	background: transparent url(screenshot-frame-new-hover.png) no-repeat 1px 1px;
 }
 
+.v-ie6 .highlight .v-link span,
+.v-ie6 .highlight .v-link a:hover span {
+	background: transparent url(screenshot-frame-ie6.png) no-repeat 3px 3px;
+}
+
+.v-ie6 .highlight .new a span,
+.v-ie6 .highlight .new a:hover span {
+	background: transparent url(screenshot-frame-new-ie6.png) no-repeat 2px 1px;
+}
+
 .highlight .v-label {
 	white-space: normal;
 	margin: -55px 0 0 92px;
@@ -589,6 +619,7 @@
 	text-decoration: none;
 	font-size: 12px;
 	color: #2667b4;
+	line-height: normal;
 }
 .feature-controls .v-link-showcode a,
 .feature-controls .v-nativebutton-reset {
-- 
2.39.5