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

NIHVIVO-1071 Style cleanup at the top of individual--foaf-person.ftl to tighten up space in attempt to ensure property group nav is above the fold. Other tweaks to markup (id's on existing elements instead of unnecessary additional <a>) and style (removed boxes around instances of collated properties).

Browse source
This commit is contained in:
nac26 2011-01-06 03:49:03 +00:00
parent 92dcc367f8
commit fe43eac71e
3 changed files with 12 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
webapp/web/css/individual/individual.css
View file

@ -81,15 +81,15 @@ div.bottom{
#individual-intro-person{ #individual-intro-person{
float: left; float: left;
width: 75%; width: 75%;
margin-top: 35px; margin-top: 0.5em;
margin-bottom: 30px; margin-bottom: 30px;
} }
/* <------ INDIVIDUAL INTRO LEFT CONTENT */ /* <------ INDIVIDUAL INTRO LEFT CONTENT */
#left-side{ #left-side{
width: 166px; width: 166px;
float: left; float: left;
padding-left: 27px; padding-left: 0.5em;
padding-right: 34px; padding-right: 1.5em;
} }
#left-side img.individual-photo2{ #left-side img.individual-photo2{
width: 160px; width: 160px;
@ -193,7 +193,7 @@ ul#individual-urls-people li{
} }
/* <------ INDIVIDUAL RIGHT CONTENT */ /* <------ INDIVIDUAL RIGHT CONTENT */
#individual-info{ #individual-info{
width: 65%; width: 69%;
float: left; float: left;
padding: 10px 0 0 10px; padding: 10px 0 0 10px;
} }
@ -287,7 +287,7 @@ p.view-all-coauthors{
text-align: left; text-align: left;
} }
/* PROPERTY GROUP MENU------> */ /* PROPERTY GROUP MENU------> */
#property-group-menus{ #property-group-menu{
clear: both; clear: both;
width: 95%;; width: 95%;;
height: 46px; height: 46px;
@ -296,17 +296,17 @@ p.view-all-coauthors{
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 20px; margin-top: 20px;
} }
#property-group-menus ul{ #property-group-menu ul{
display: block; display: block;
color: #5e6363; color: #5e6363;
} }
#property-group-menus li{ #property-group-menu li{
float: left; float: left;
line-height: 46px; line-height: 46px;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} }
#property-group-menus li:fisrt-child{ #property-group-menu li:fisrt-child{
padding-left: 0; padding-left: 0;
} }
/* PROPERTY GROUP------> */ /* PROPERTY GROUP------> */
@ -354,20 +354,11 @@ article.property ul.property-list{
} }
article.property ul.property-list li{ article.property ul.property-list li{
line-height: 1.2em; line-height: 1.2em;
padding-bottom: 10px;
padding: 10px 20px 10px 20px; padding: 10px 20px 10px 20px;
} }
article.property ul.subclass-property-list{
background: #fff;
border: 1px dotted #DFE6E5;
background-color: #fafaf9;
padding-top: 10px;
padding-bottom: 10px;
}
article.property ul.subclass-property-list li{ article.property ul.subclass-property-list li{
line-height: 1.2em; line-height: 1.2em;
padding-bottom: 10px; padding: 0 20px 10px 40px;
padding: 10px 20px 10px 40px;
} }
/* MISCELLANEOUS------> */ /* MISCELLANEOUS------> */
.listDateTime { .listDateTime {

4
webapp/web/templates/freemarker/body/partials/individual/individual-properties.ftl
View file

@ -10,14 +10,14 @@
<section class="property-group" role="region"> <section class="property-group" role="region">
<nav class="scroll-up" role="navigation"> <nav class="scroll-up" role="navigation">
<a href="#property-nav"> <a href="#property-group-menu">
<img src="${urls.images}/individual/scroll-up.png" alt="scroll to property group menus" /> <img src="${urls.images}/individual/scroll-up.png" alt="scroll to property group menus" />
</a> </a>
</nav> </nav>
<#-- Display the group heading --> <#-- Display the group heading -->
<#if groupname?has_content> <#if groupname?has_content>
<h2><a name="${groupname}"></a>${groupname?capitalize}</h2> <h2 id="${groupname}">${groupname?capitalize}</h2>
</#if> </#if>
<#-- List the properties in the group --> <#-- List the properties in the group -->

4
webapp/web/templates/freemarker/body/partials/individual/individual-propertyGroupMenu.ftl
View file

@ -4,9 +4,7 @@
<#assign nameForOtherGroup = nameForOtherGroup!"other"> <#assign nameForOtherGroup = nameForOtherGroup!"other">
<nav id="property-group-menus" role="navigation"> <nav id="property-group-menu" role="navigation">
<a name="property-nav"></a>
<ul role="list"> <ul role="list">
<#list propertyGroups.all as group> <#list propertyGroups.all as group>
<#assign groupname = group.name(nameForOtherGroup)> <#assign groupname = group.name(nameForOtherGroup)>