* 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'>
 | 
			
		||||
                  <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…
	
	Add table
		Add a link
		
	
		Reference in a new issue