litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-1501: Associated publication counts with sparklines graph, resized icons, got rid off inline styles, cleaned up markup

Browse source
This commit is contained in:
mb863 2011-01-05 20:40:08 +00:00
parent 46a5fc8474
commit d788f6843c
2 changed files with 55 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

35
productMods/css/visualization/visualization.css
View file

@ -12,12 +12,10 @@ span.incomplete-data-holder,
border: dotted 1px #eee; border: dotted 1px #eee;
background-color: #ffb; background-color: #ffb;
} }
#incomplete-data{ #incomplete-data{
margin-top: 1.6em; margin-top: 1.6em;
font-size: 1.0em; font-size: 1.0em;
} }
/* RY Removed cursor:pointer: makes the whole div look clickable when it isn't. */ /* RY Removed cursor:pointer: makes the whole div look clickable when it isn't. */
#vis_container{ #vis_container{
/*cursor:pointer; */ /*cursor:pointer; */
@ -27,16 +25,16 @@ span.incomplete-data-holder,
position:absolute; position:absolute;
width:380px;*/ width:380px;*/
} }
.collaboratorship-icon{ .collaboratorship-icon{
float: left; float: left;
padding-right: 5px; padding-right: 5px;
} }
.collaboratorship-link{
padding-top: 3px;
}
.collaboratorship-link a{ .collaboratorship-link a{
font-size: 0.9em; font-size: 0.9em;
} }
.collaboratorship-link h3{ .collaboratorship-link h3{
line-height: 1em; line-height: 1em;
font-size: 1em !important; font-size: 1em !important;
@ -46,22 +44,31 @@ span.incomplete-data-holder,
padding-left: 0px !important; padding-left: 0px !important;
padding-bottom: 0px !important; padding-bottom: 0px !important;
} }
.collaboratorship-link h3 a{ .collaboratorship-link h3 a{
color: #2485AE; color: #2485AE;
font-size: 1em !important; font-size: .9em !important;
text-decoration: none; text-decoration: underline;
}
#coauthorship_link_container{
display: none;
} }
#coauthorship_link_container, #coauthorship_link_container,
#coinvestigator_link_container{ #coinvestigator_link_container{
margin-top: 10px; margin-top: 20px;
} }
.sparkline_text{ .sparkline_text{
font-size: 0.8em; font-size: .8em;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
padding-bottom: 20px;
border-bottom: 1px dotted #A6B1B0;
}
.google-visualization-sparkline-default{
margin-bottom: 5px;
}
.google-visualization-sparkline-image{
border: 1px solid #cfe4ed;
}
.google-visualization-sparkline-selected{
background-color: blue;
} }

14
productMods/templates/freemarker/body/partials/individual/individual-sparklineVisualization.ftl
View file

@ -13,17 +13,21 @@
<div id="vis_container_coauthor">&nbsp;</div> <div id="vis_container_coauthor">&nbsp;</div>
<div id="coauthorship_link_container" style="display: none;"> <div id="coauthorship_link_container">
<div class="collaboratorship-icon"><a href="${coAuthorURL}"><img src="${coAuthorIcon}" /></a></div> <div class="collaboratorship-icon">
<a href="${coAuthorURL}"><img src="${coAuthorIcon}" alt="Co-author Network icon" width="22px" height="23px" /></a>
</div>
<div class="collaboratorship-link"> <div class="collaboratorship-link">
<h3><a href="${coAuthorURL}">Co-Author Network</a></h3><a class="view-all-style" href="${coAuthorURL}">View <span class= "pictos-arrow-10">4</span></a> <h3><a href="${coAuthorURL}">Co-Author Network</a></h3>
</div> </div>
</div> </div>
<div id="coinvestigator_link_container"> <div id="coinvestigator_link_container">
<div class="collaboratorship-icon"><a href="${coInvestigatorURL}"><img src="${coInvestigatorIcon}" /></a></div> <div class="collaboratorship-icon">
<a href="${coInvestigatorURL}"><img src="${coInvestigatorIcon}" alt="Co-investigator Network icon" width="22px" height="23px" /></a>
</div>
<div class="collaboratorship-link"> <div class="collaboratorship-link">
<h3><a href="${coInvestigatorURL}">Co-Investigator Network</a></h3><a class="view-all-style" href="${coInvestigatorURL}">View <span class= "pictos-arrow-10">4</span></a> <h3><a href="${coInvestigatorURL}">Co-Investigator Network</a></h3>
</div> </div>
</div> </div>