Changeset 7790

Show
Ignore:
Timestamp:
07/20/09 16:52:22 (12 months ago)
Author:
stoomey
Message:

CSS formatting of ALM components and related in article rhc and under Metrics tab. Included revisions to HTML structure and javascript. In rhc I added link to Total article views, normalized list structures and vertical spacing, added 'More' link to metrics box On the Metrics page I added anchors to headings, and formatted the vertical spacing of elements, formatted total article views display and breakdown, and revised the format of the star ratings. Addresses #1348 as well as JO 11335

Location:
head/ambra/webapp/src/main/webapp
Files:
2 modified

Legend:

Unmodified
Added
Removed

  • head/ambra/webapp/src/main/webapp/article/article_rhc.ftl

    r7789 r7790  
    2929<@s.url id="emailArticleURL" namespace="/article" action="emailArticle" articleURI="${articleURI}"/> 
    3030<@s.url id="relatedArticleURL" namespace="/article" action="fetchRelatedArticle" articleURI="${articleURI}"/> 
     31<@s.url id="metricsTabURL" namespace="/article" action="fetchArticleMetrics" includeParams="all" articleURI="${articleURI}" /> 
    3132 
    3233<div id="rhc" xpathLocation="noDialog"> 
    … …  
    7374        </dl> 
    7475 
    75       <strong>Related Articles on the Web</strong> 
    76       <ul> 
    77         <li><a href="http://scholar.google.com/scholar?hl=en&lr=&q=related:${article.docURL?url}&btnG=Search">Google Scholar</a></li> 
    78         <li id="pubMedRelatedLIInRHC" style="display:none;"><a id="pubMedRelatedURLInRHC">PubMed</a></li> 
    79       </ul> 
     76      <dl class="related"> 
     77        <dt>Related Articles on the Web</dt> 
     78        <dd><a href="http://scholar.google.com/scholar?hl=en&lr=&q=related:${article.docURL?url}&btnG=Search">Google Scholar</a></dd> 
     79        <dd id="pubMedRelatedLIInRHC" style="display:none;"><a id="pubMedRelatedURLInRHC">PubMed</a></dd> 
     80      </dl> 
    8081 
    8182      <div class="more clearfix"><a href="${relatedArticleURL}">More</a></div> 

  • head/ambra/webapp/src/main/webapp/css/rating.css

    r7318 r7790  
    2222 
    2323.rating { width:100px; height:15px; left: 8em; top: -1.25em;/* these positions are required for the rating/edit rating forms */ font-weight: normal; overflow:hidden; } 
     24ol.ratingAvgs ul.single { left:0; } /*for single ratings for non-research articles*/ 
    2425span.inline-rating ul.rating { left:0; top:0; } /* This is specifically for the overall rating at the top of the View All Ratings page. Applies to all browsers except IE7 - see below. */ 
    2526*:first-child+html span.inline-rating ul.rating { left: 8em; top: -1.25em; } /* IE7 only hack */