minor design and css changes for person-level visualization pages

This commit is contained in:
Tim Worrall 2014-06-10 12:08:41 -04:00
parent c2d24cb74d
commit 67ce187eac
3 changed files with 32 additions and 46 deletions

View file

@ -81,9 +81,10 @@ p.datatable {
margin-right: 10px; margin-right: 10px;
} }
.toggle_visualization { .toggle_visualization {
max-width: 180px; max-width: 230px;
float: right; float: right;
display: none; display: none;
margin-top: -55PX;
} }
#publication-count-sparkline-include { #publication-count-sparkline-include {
float: left; float: left;
@ -116,7 +117,8 @@ table.sparkline_wrapper_table td, th {
max-width: 50%; max-width: 50%;
} }
#ego_label { #ego_label {
font-size: 1.1em; color: inherit;
font-size: 1.375em;
} }
#ego_profile_image { #ego_profile_image {
float: left; float: left;
@ -236,7 +238,7 @@ table.sparkline_wrapper_table td, th {
margin-right: 15px; margin-right: 15px;
} }
.graphml-file-link { .graphml-file-link {
padding-top: 20px; padding-top: 59px;
height: 20px; height: 20px;
font-size: .9em; font-size: .9em;
} }

View file

@ -127,15 +127,20 @@ $(document).ready(function(){
<div id="body"> <div id="body">
<div id="ego_profile">
<#-- Label --> <div class="sub_headings"><h2><a href="${egoVivoProfileURL}" title="${i18n().author_name}"><span id="ego_label"></span></a><br />${i18n().co_author_network} </h2></div>
<h2><a href="${egoVivoProfileURL}" title="${i18n().author_name}"><span id="ego_label" class="author_name"></span></a></h2> <#if (numOfCoAuthorShips?? && numOfCoAuthorShips > 0) || (numOfAuthors?? && numOfAuthors > 0) >
<div class = "graphml-file-link">(<a href="${egoCoAuthorshipNetworkDataFileURL}" title="GraphML ${i18n().file}">GraphML ${i18n().file}</a>)</div>
<#else>
<#-- Moniker--> <#if numOfAuthors?? && numOfAuthors <= 0 >
<em id="ego_moniker" class="moniker"></em> <#assign authorsText = "multi-author" />
</#if>
</div> <div id="no_coauthorships">${i18n().currently_no_papers_for(authorsText!)}
<a href="${egoVivoProfileURL}" title="${i18n().co_authorship}"><span id="no_coauthorships_person" class="author_name">${i18n().this_author}</span></a> ${i18n().in_the_vivo_db}
</div>
</#if>
<div class = "toggle_visualization"> <div class = "toggle_visualization">
<div id="coinvestigator_link_container" class="collaboratorship-link-container"> <div id="coinvestigator_link_container" class="collaboratorship-link-container">
@ -150,20 +155,8 @@ $(document).ready(function(){
<#if (numOfAuthors?? && numOfAuthors > 0) > <#if (numOfAuthors?? && numOfAuthors > 0) >
<div class="sub_headings"><h3>${i18n().co_author_network} </h3></div>
<#if (numOfCoAuthorShips?? && numOfCoAuthorShips > 0) || (numOfAuthors?? && numOfAuthors > 0) >
<div class = "graphml-file-link"><a href="${egoCoAuthorshipNetworkDataFileURL}" title="GraphML ${i18n().file}">(GraphML ${i18n().file_capitalized})</a></div>
<#else>
<#if numOfAuthors?? && numOfAuthors <= 0 >
<#assign authorsText = "multi-author" />
</#if>
<div id="no_coauthorships">${i18n().currently_no_papers_for(authorsText!)}
<a href="${egoVivoProfileURL}" title="${i18n().co_authorship}"><span id="no_coauthorships_person" class="author_name">${i18n().this_author}</span></a> ${i18n().in_the_vivo_db}
</div>
</#if>
<#else> <#else>

View file

@ -126,31 +126,10 @@ $(document).ready(function(){
<div id="body"> <div id="body">
<div id="ego_profile"> <div class="sub_headings"><h2><a href="${egoVivoProfileURL}" title="${i18n().investigator_name}"><span id="ego_label"></span></a><br />${i18n().co_investigator_network_capitalized} </h2></div>
<#-- Label -->
<h2><a href="${egoVivoProfileURL}" title="${i18n().investigator_name}"><span id="ego_label" class="investigator_name"></span></a></h2>
<#-- Moniker-->
<em id="ego_moniker" class="moniker"></em>
</div>
<div class = "toggle_visualization">
<div id="coauthorship_link_container" class="collaboratorship-link-container">
<div class="collaboratorship-icon"><a href="${coauthorshipURL}" title="${i18n().co_author}"><img src="${coAuthorIcon}" alt="${i18n().co_author_icon}"/></a></div>
<div class="collaboratorship-link">
<h3><a href="${coauthorshipURL}" title="${i18n().co_author_network}">${i18n().co_author_network}</a></h3>
</div>
</div>
</div>
<div style="clear:both;"></div>
<#if (numOfInvestigators?? && numOfInvestigators > 0) > <#if (numOfInvestigators?? && numOfInvestigators > 0) >
<div class="sub_headings"><h3 >${i18n().co_investigator_network_capitalized} </h3></div>
<#if (numOfCoInvestigations?? && numOfCoInvestigations > 0) || (numOfInvestigators?? && numOfInvestigators > 0) > <#if (numOfCoInvestigations?? && numOfCoInvestigations > 0) || (numOfInvestigators?? && numOfInvestigators > 0) >
<div class = "graphml-file-link"><a href="${egoCoInvestigationNetworkDataFileURL}" title="${i18n().co_investigator}">(GraphML ${i18n().file_capitalized})</a></div> <div class = "graphml-file-link"><a href="${egoCoInvestigationNetworkDataFileURL}" title="${i18n().co_investigator}">(GraphML ${i18n().file_capitalized})</a></div>
<#else> <#else>
@ -172,6 +151,18 @@ $(document).ready(function(){
</#if> </#if>
<div class = "toggle_visualization">
<div id="coauthorship_link_container" class="collaboratorship-link-container">
<div class="collaboratorship-icon"><a href="${coauthorshipURL}" title="${i18n().co_author}"><img src="${coAuthorIcon}" alt="${i18n().co_author_icon}"/></a></div>
<div class="collaboratorship-link">
<h3><a href="${coauthorshipURL}" title="${i18n().co_author_network}">${i18n().co_author_network}</a></h3>
</div>
</div>
</div>
<div style="clear:both;"></div>
<#if (numOfCoInvestigations?? && numOfCoInvestigations > 0) || (numOfInvestigators?? && numOfInvestigators > 0) > <#if (numOfCoInvestigations?? && numOfCoInvestigations > 0) || (numOfInvestigators?? && numOfInvestigators > 0) >
<div id="bodyPannel"> <div id="bodyPannel">