Styling tweaks.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@2278 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2011-10-06 07:20:48 +00:00
parent a9279e2997
commit 08fdc1982c
4 changed files with 39 additions and 10 deletions

View File

@ -45,7 +45,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
<body>
<div id="header">
<img alt="Google Refine" src="images/logo-googlerefine-30.png" width="129" height="29" />
A power tool for working with messy data.
<span id="slogan">A power tool for working with messy data.</span>
</div>
<div id="left-panel" class="main-layout-panel"><div id="left-panel-body">

View File

@ -122,8 +122,8 @@ Refine.OpenProjectUI.prototype._renderProjects = function(data) {
'<table class="list-table"><tr>' +
'<th></th>' +
'<th></th>' +
'<th>Name</th>' +
'<th>Last&nbsp;modified</th>' +
'<th>Name</th>' +
'</tr></table>'
).appendTo(container)[0];
@ -189,17 +189,16 @@ Refine.OpenProjectUI.prototype._renderProjects = function(data) {
$(tr.insertCell(tr.cells.length)).css('width', '1%')
);
var nameLink = $('<a></a>')
.addClass("list-table-itemname")
.text(project.name)
.attr("href", "/project?project=" + project.id)
.appendTo(tr.insertCell(tr.cells.length));
$('<div></div>')
.html(formatRelativeDate(project.date))
.addClass("last-modified")
.attr("title", project.date.toString())
.appendTo($(tr.insertCell(tr.cells.length)).attr('width', '1%'));
var nameLink = $('<a></a>')
.addClass("project-name")
.text(project.name)
.attr("href", "/project?project=" + project.id)
.appendTo(tr.insertCell(tr.cells.length));
$(tr).mouseenter(function() {

View File

@ -41,6 +41,13 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
visibility: hidden;
}
#slogan {
margin: 0 1em;
font-style: italic;
font-size: 110%;
color: @near_black;
}
#left-panel {
}

View File

@ -53,9 +53,32 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
font-size: 1.3em;
}
#projects-container > table {
width: 100%;
}
#projects-container > table > tbody > tr > td,
#projects-container > table > tbody > tr > th {
padding-top: @padding_tight;
text-align: left;
vertical-align: baseline;
padding: @padding_tighter @padding_tight;
font-size: 1.1em;
color: @metadata_grey;
border-bottom: dotted 1px @faint_grey;
}
#projects-container > table > tbody > tr > th {
font-weight: bold;
background: @chrome_secondary;
}
#projects-container .project .project-name {
font-size: 120%;
}
#projects-container .project .last-modified {
white-space: nowrap;
}
}
#projects-container .message {
padding: @padding_loose;