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

View file

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