* A simpler way of implementing the store reference popups, thanks to

Martin and CSS guru Martijn Vermaat.
This commit is contained in:
Eelco Dolstra 2004-03-17 16:52:48 +00:00
parent b5539e7a30
commit 8330c8202a
2 changed files with 14 additions and 17 deletions

View file

@ -27,7 +27,7 @@
<td class='dummy'> <td class='dummy'>
<div class='dummy' /> <div class='dummy' />
</td> </td>
<td> <td class='line'>
<xsl:apply-templates select='.'/> <xsl:apply-templates select='.'/>
</td> </td>
</tr> </tr>
@ -39,7 +39,7 @@
<td class='dummy'> <td class='dummy'>
<div class='dummy' /> <div class='dummy' />
</td> </td>
<td> <td class='line'>
<xsl:apply-templates select='.'/> <xsl:apply-templates select='.'/>
</td> </td>
</tr> </tr>
@ -58,8 +58,8 @@
<xsl:template match="storeref"> <xsl:template match="storeref">
<em class='storeref'> <em class='storeref'>
<span class='z'><span class='popup'><xsl:apply-templates/></span></span> <span class='popup'><xsl:apply-templates/></span>
<span class='elided'>(...)</span><xsl:apply-templates select='name'/><xsl:apply-templates select='path'/> <span class='elided'>/...</span><xsl:apply-templates select='name'/><xsl:apply-templates select='path'/>
</em> </em>
</xsl:template> </xsl:template>

View file

@ -5,6 +5,12 @@ body
} }
td.line
{
width: 100%;
}
blockquote.body blockquote.body
{ {
padding: 6px 0px; padding: 6px 0px;
@ -69,6 +75,8 @@ tr.y > td.dummy > div.dummy
em.storeref em.storeref
{ {
color: #500000; color: #500000;
position: relative;
width: 100%;
} }
@ -92,17 +100,6 @@ em.storeref:hover
} }
em.storeref { em.storeref:hover span.popup {
position: static; display: inline;
}
span.z {
position: absolute;
width: 100%;
}
em.storeref:hover > span.z > *.popup {
display: block;
} }