Firefox doesn't understand a pixel offset and a positional keyword used together to position a background image. So we use a separate element to position the logo on the home page.

Prevent last modified dates for projects from wrapping.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@1563 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-10-15 07:54:14 +00:00
parent e251a77077
commit 4859b7eb4e
3 changed files with 17 additions and 3 deletions

View File

@ -9,6 +9,7 @@
</head>
<body>
<div id="container">
<div id="logo"> </div>
<div id="header-home">
<img alt="Google Refine" src="images/logo-googlerefine-40.png" />
<h1>A power tool for working with messy data.</h1>

View File

@ -104,7 +104,7 @@ function renderProjects(data) {
'<table class="list-table"><tr>' +
'<th>Name</th>' +
'<th></th>' +
'<th align="right">Last Modified</th>' +
'<th align="right">Last&nbsp;Modified</th>' +
'<th></th>' +
'</tr></table>'
).appendTo(container)[0];

View File

@ -4,10 +4,19 @@
width: 980px;
height: 600px;
margin: 10px auto;
padding: 0 10px;
background: url(../images/logo-gem-150.png) no-repeat 20px right;
padding: 0 10px;
position: relative;
}
#logo {
position: absolute;
top: 20px;
right: 0px;
width: 150px;
height: 150px;
background: url(../images/logo-gem-150.png) no-repeat top right;
}
#header-home img {
padding: 6px 0;
}
@ -33,6 +42,10 @@
overflow: auto;
height: 400px;
}
#projects-container .project .last-modified {
white-space: nowrap;
}
#projects-container .message {
padding: @padding_loose;