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
This commit is contained in:
Will Rossiter 2010-02-03 02:28:57 +00:00 committed by Sam Minnee
parent 80b35d15f2
commit da57175a2d
4 changed files with 6 additions and 9 deletions

View File

@ -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;
}

BIN
images/add-bg-hover.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 621 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 777 B

After

Width:  |  Height:  |  Size: 578 B

View File

@ -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>