From da57175a2db84eee81855aea6ad600d2a92f2a68 Mon Sep 17 00:00:00 2001
From: Will Rossiter <will@silverstripe.com>
Date: Wed, 3 Feb 2010 02:28:57 +0000
Subject: [PATCH] MINOR: visual tweaks to the widgets area including widget
 titles can now be spread over multiple lines and padding between columns.
 #4965

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/branches/2.4@98032 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 css/WidgetAreaEditor.css       |  13 +++++--------
 images/add-bg-hover.png        | Bin 0 -> 621 bytes
 images/add-bg.png              | Bin 777 -> 578 bytes
 templates/WidgetDescription.ss |   2 +-
 4 files changed, 6 insertions(+), 9 deletions(-)
 create mode 100644 images/add-bg-hover.png

diff --git a/css/WidgetAreaEditor.css b/css/WidgetAreaEditor.css
index 16038820..b84d0779 100644
--- a/css/WidgetAreaEditor.css
+++ b/css/WidgetAreaEditor.css
@@ -3,7 +3,7 @@ div.availableWidgetsHolder {
 }
 
 div.usedWidgetsHolder {
-	width: 69%;
+	width: 66%;
 }
 
 div.availableWidgetsHolder {
@@ -14,10 +14,6 @@ div.usedWidgetsHolder {
 	float: right;
 }
 
-div.usedWidgets {
-	border: 1px #CCC dotted;
-	padding: 5px;
-}
 .NoWidgets {
 	padding: 50px; /* Make this nice and big and easily 'droppable' */
 }
@@ -54,7 +50,7 @@ div.availableWidgets div.Widget h3 {
 	font-size: 12px;
 	color: #fff;
 	line-height: 1.8;
-	text-indent: 5px;
+	padding: 0 5px;
 	margin: 0;
 }
 	div.usedWidgets div.Widget h3 {
@@ -64,8 +60,9 @@ div.availableWidgets div.Widget h3 {
 	div.availableWidgets div.Widget h3 {
 		cursor: pointer;
 		color: #444;
-		background: #ccc url(../images/add-bg.png) right top;
+		padding-right: 25px;
+		background: #ccc url(../images/add-bg.png) right center;
 	}
 		div.availableWidgets div.Widget h3:hover {
-			background: #ccc url(../images/add-bg.png) right 21px;
+			background: #ccc url(../images/add-bg-hover.png) right center;
 		}
diff --git a/images/add-bg-hover.png b/images/add-bg-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..161876e56efbc60dae953cffa6e7729755f7fe43
GIT binary patch
literal 621
zcmeAS@N?(olHy`uVBq!ia0y~yV0sB;YjH3E$wt?pd>|!R;u=vBoS#-wo>-L1;Fyx1
zl&avFo0y&&l$w}QS$Hzl2B?eQ)5S5Q;?|oxyR(B6B@R4P%bZ<yL8Ii`Ec*kl3p;K_
z=!?3Br~j8zFBfDv7#%ppsc@5?QU}}82MbudT{o#Ndva;=dl_XxLE-G}mmhq7B2dKl
z{)?Zz-Jz2qtFIa|Gzd=I%EaKXn}H!i97shlGAxK?VA#S9q}DJnT+m}+xWx*j!oczj
zZ<&C~w88QXWsD44x<wfnG^@Tmx%pMv{Q9;1S>g-{EGd&Jw5IR=UXc0mW6|1sKobu1
zUE?i$Klyy>_3QiY?ArU|*V*4|pC6xncG+4+hLu~rMOp>E*QXzUG<E9q{L`zSpPw^h
z=1uF8dpo%qCM;9&dnE9Eecp?^D)+O#?*2aCuKwey%Qt1_$Zt1dP;d?82o&M9)1MxG
z`n_FDltrkH+>gIIi^UlfeAlLJzIa1ok6Bgt-m>QhFUfyC7t7FKvi0`dh5z^6?KyPN
z`S-cGwkv^RvMPPf<}LBtXKqwEa&n#1!&_Iij~@Qb{(LLQc7dvom;T-~^xRbK|L~F1
z%NrM!>t|orV{q8@_S54#s-BZNYyN#|{dwumn`@tef#eZvXFqfHj5+#e=gqUWv$g$t
z{-@8<ppB*s3c72<c7NYHH|u5bJ0^xDnZK`Idj1y}EE*T}7(k&23ZnmyA1^--G(<wu
vIeyh@pu+?g1ET>L-0;`{2l|0>MmC19)>ZSl{X1iT>4(A7)z4*}Q$iB}#{Chr

literal 0
HcmV?d00001

diff --git a/images/add-bg.png b/images/add-bg.png
index 72ee947272ec76c3765810ce832183a8ac096db3..b350dd2a0724b80b8ab97354b6ab63d817ca9122 100644
GIT binary patch
delta 527
zcmeBVJH#?Ul7oqXfuYegD1V}&M*R~{7srr_TW{{1^}oy@ao}OzYo^C)x6isXzHvUf
zId0F)ALZ2_lsH*rt$GE7pE}!~<SWa)er;o+fzgESm(y&{?^^Qm-sS3FOCzISerIQ7
zI525N6eGieSO$hI+(2p#1H%P928LU#Kq`!ZAw!&j;Vl!8(gw>nlrb{YZ|N2VD{$Bi
zq>geiGziJ^*zK+P`s?}60HBcf0x1#g#2?QdIRC$UJVPW~oFQT1)8MaJsTFp2?!K0v
zU$eW?u4hsFHa3PSs-BYyXPrBzJ@vtd4=-MS^xVF8<F;!vtl#hBW(ZiOG`~i#Kj)Kf
zlZDjV{jxH(|BU3)!=F2A*E2JCO?mp$V)kW?^yT;c&)3<!$=y2ZHPFQoBA!D1i(c%C
z|Nia%{)&G-K*w||`Chh|_qpPth4!qo)_dPwi@&}VWVnsK+HrYty?;M8ZMs$Q>q+72
zt#zewK=r9w%g%em&+}ikbmOlVj?e$?-F^Km&<6{A#J|UGTEo$lrF*C5-n-IU(&p#E
z!do|pUCG*eE^YhX$o1F%TgKnKd2_2N!vdX`Uyhb+UpY<kdn`kP(cOJfX?w!O86woc
v!HNhxRt8WQ0>c<eL4um0;s4|949pD6qk5Aj2bjzTMm>Y4tDnm{r-UW|QFH6e

delta 728
zcmV;}0w?{#1c?Ta83+Ra0024pH42d-D1Ty5OjJe6%FW;3-_z6A>FMc)hmd1ragLCg
zaB+QqfQeaJXOfegb#{V%eu!09WR#ShQd3~o*4KA=gnN93#l^^wk(rp8qI!FUgolxl
zlA4W>nV+Gkm6xBVsjq>Aje>=b%gxYwe205|h*DN#wzs=@d4rFSm#eI@y1c-7d4Ghp
zx4dt0eU_P_jg6Lge2JBnos*NCdwhqJl$@8DqsGR{USe)_c7SzzhI@U6O;22&pQe+S
zptiQVb9I4lbAY?Mzj}Lyn46=erma?2W0{(wx46H{%g&mcq{GC?r>L)xlAE2LrlF##
zkdT?Rw!3+HgP)<Nba{nSRbqmJjDLN8iF9{@P*Pu%n4xlWeR+I_*x1=)WN>zPgW1~L
zQ&nV{nxSB1amvfkc6WliyuhHKsHdv3QB`A(kC<R)bg8PZl$M-*euqv_U3qzfl9QUI
zsIb7m#CUmvmzbY=e1@s2v6`Hui;b31i7piY00BKoL_t(|+U(cGasp8lMSoF<5N~J*
z5O;TXcXxMpm;Vn`hg9baNKWrHyVFy9@SZCHZ~_+-fYJd<2PhqgyNkYQN{0iyPi;M&
zP&(wz1jmDI6SmR;N%MwbG_`&_vjnuAr$;r<7PPYkl+Af8SGnbk0b#F6F=57lu*XzO
zsb`TfAS^pG;;y@>pD7@%(tq#whYG700^%ATDoRF~0s60(o#g;4Kwp5)0RRAizb_GR
z0!jy^1C$O>IuL&&UB#3R2RK?^sXw4}$jg6g8E&k#mF@-<<(Q^fvmc&}-INYZ3mH+T
z19`iY4rQMymb$?qN{6tu<ZpY|ln!B`G|S;eHKjw?OIF0#>hT#rQbkDX^m@IU9XCHW
zr9;#9eNS1h?WS~STDrXTxhWm;e7@f|rNbF09h44GI`F@I2`~UOhO4jRbOTxd0000<
KMNUMnLSTZNl4vvl

diff --git a/templates/WidgetDescription.ss b/templates/WidgetDescription.ss
index dc3530ea..423f9907 100644
--- a/templates/WidgetDescription.ss
+++ b/templates/WidgetDescription.ss
@@ -1,5 +1,5 @@
 <div class="Widget" id="$ClassName">
-	<h3>$CMSTitle</h3>
+	<h3 title="<% _t('CLICKTOADDWIDGET', 'Click to add this widget') %>">$CMSTitle</h3>
 	<div class="widgetDescription">
 		<p>$Description</p>
 	</div>