* A simpler way of implementing the store reference popups, thanks to
Martin and CSS guru Martijn Vermaat.
This commit is contained in:
parent
b5539e7a30
commit
8330c8202a
|
@ -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>
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue