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

NIHVIVO-592 Class group browse for home page. Still waiting on update to JSONServlet (NIHVIVO-1674) so classes in class group can be returned for AJAX requests. Introducing alternative bar graph in lieu of pie chart.

Browse source
This commit is contained in:
nac26 2011-01-24 18:24:24 +00:00
parent 9f3a4343d2
commit 2be51ef25c
7 changed files with 795 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

123
webapp/web/css/browseClassGroups.css Normal file
View file

@ -0,0 +1,123 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* Styles used for class group browse (browse-classgroups.ftl) */
#browse {
clear: both;
width: 920px;
margin: 0 auto;
border: 1px solid #dfe6e6;
background: #f7f9f9;
overflow: hidden;
padding-bottom: 30px;
}
#browse h4 {
width: 13%;
height: 30px;
margin-bottom: 27px;
padding-left: 15px;
font-weight: normal;
line-height: 38px;
color: #fff;
background: #5e6363;
font-size: 20px;
}
/* BROWSE CLASS GROUPS ------> */
ul#browse-classgroups {
float: left;
width: 200px;
border: 1px solid #dde4e3;
border-right: none;
background: #f1f2ee;
margin-left: 34px;
padding: 0 20px 23px 20px;
margin-top: 10px;
padding-top: 10px;
}
ul#browse-classgroups li {
display: block;
border-bottom: 1px solid #dde4e3;
font-size: 18px;
width: 200px;
height: 35px;
line-height: 35px;
}
ul#browse-classgroups li:last-child {
border-bottom: none
}
ul#browse-classgroups a {
display: block;
padding-left: 15px;
width: 200px;
height: 35px;
color: #5e6363;
text-decoration: none;
}
ul#browse-classgroups .count-classes {
font-size: 14px
}
/* BROWSE CLASSES IN CLASS GROUP ------> */
#browse-classes {
float: left;
width: 610px;
border: 1px solid #dde6e5;
background: #fff;
min-height: 230px;
}
ul#classgroup-list {
float: left;
width: 90%;
padding: 0 10px 15px 22px;
margin-top: 20px;
margin-bottom: 10px;
}
ul#classgroup-list.vis {
width: 44%;
border-right: 1px solid #DDE5E4;
}
ul#classgroup-list li {
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #dde4e3;
font-size: 14px;
height: 35px;
line-height: 35px;
}
ul#classgroup-list li:last-child {
border-bottom: none
}
ul#classgroup-list a {
display: block;
padding-left: 15px;
height: 35px;
color: #5e6363;
text-decoration: none;
}
ul#classgroup-list .count-individuals {
font-size: 12px;
}
/* VISUALIZATION ------> */
#visual-graph {
float: left;
width: 308px;
}
#visual-graph h5 {
padding: 20px 0 12px 12px;
width: auto;
font-size: 18px;
font-weight: normal;
}
#pieViz {
width: 308px;
height: 308px;
}
svg text {
font-family: inherit !important;
font-size: 12px !important;
color: #5E6363 !important;
/* display: none;*/
}
svg rect {
cursor: pointer;
}