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

73
productMods/css/visualization/visualization.css
View file

@ -5,21 +5,19 @@
**************************************************/
span.incomplete-data-holder,
#incomplete-data {
#incomplete-data{
padding: 5px;
font-size: 0.8em;
color: #444;
border: dotted 1px #eee;
background-color: #ffb;
}
#incomplete-data {
#incomplete-data{
margin-top: 1.6em;
font-size: 1.0em;
}
/* RY Removed cursor:pointer: makes the whole div look clickable when it isn't. */
#vis_container {
#vis_container{
/*cursor:pointer; */
/*height:36px;
margin-left:24%;
@ -27,41 +25,50 @@ span.incomplete-data-holder,
position:absolute;
width:380px;*/
}
.collaboratorship-icon {
float: left;
padding-right: 5px;
.collaboratorship-icon{
float: left;
padding-right: 5px;
}
.collaboratorship-link a {
font-size: 0.9em;
.collaboratorship-link{
padding-top: 3px;
}
.collaboratorship-link h3 {
line-height: 1em;
font-size: 1em !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
padding-bottom: 0px !important;
.collaboratorship-link a{
font-size: 0.9em;
}
.collaboratorship-link h3 a {
color: #2485AE;
.collaboratorship-link h3{
line-height: 1em;
font-size: 1em !important;
text-decoration: none;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
padding-bottom: 0px !important;
}
.collaboratorship-link h3 a{
color: #2485AE;
font-size: .9em !important;
text-decoration: underline;
}
#coauthorship_link_container{
display: none;
}
#coauthorship_link_container,
#coinvestigator_link_container {
margin-top: 10px;
#coinvestigator_link_container{
margin-top: 20px;
}
.sparkline_text {
font-size: 0.8em;
.sparkline_text{
font-size: .8em;
font-weight: bold;
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;
}

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

@ -13,22 +13,26 @@
<div id="vis_container_coauthor">&nbsp;</div>
<div id="coauthorship_link_container" style="display: none;">
<div class="collaboratorship-icon"><a href="${coAuthorURL}"><img src="${coAuthorIcon}" /></a></div>
<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>
</div>
<div id="coauthorship_link_container">
<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">
<h3><a href="${coAuthorURL}">Co-Author Network</a></h3>
</div>
</div>
<div id="coinvestigator_link_container">
<div class="collaboratorship-icon"><a href="${coInvestigatorURL}"><img src="${coInvestigatorIcon}" /></a></div>
<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>
</div>
</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">
<h3><a href="${coInvestigatorURL}">Co-Investigator Network</a></h3>
</div>
</div>
${stylesheets.add("css/visualization/visualization.css")}
${scripts.add(googleJSAPI)}
${scripts.add(googleJSAPI)}
${scripts.add("/js/visualization/sparkline.js")}
<script type="text/javascript">