tonyair
/
silverstripe-reports
mirror of https://github.com/silverstripe/silverstripe-reports
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

MINOR: visual tweaks to the widgets area including widget titles can now be spread over multiple lines and padding between columns. #4965 (from r98032) 

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@102752 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Ingo Schommer 2010-04-14 01:40:53 +00:00
parent 006ad3062f
commit 3e3c0c7237
4 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/WidgetAreaEditor.css
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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 621 B

BIN
images/add-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 777 B

After

Width:  |  Height:  |  Size: 578 B

2
templates/WidgetDescription.ss
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>