* 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
2 changed files with 14 additions and 17 deletions
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue