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