NIHVIVO-2163: refactor markup and styles for verbose property display for individual page
This commit is contained in:
parent
f398183c94
commit
f8688ff457
2 changed files with 8 additions and 6 deletions
|
@ -21,14 +21,14 @@
|
||||||
#admin a.edit-individual {
|
#admin a.edit-individual {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
padding-top: 7px;
|
padding-top: 8px;
|
||||||
}
|
}
|
||||||
#verbosePropertyForm{
|
#verbose-mode {
|
||||||
float: right;
|
float: right;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
#verbosePropertyForm .small {
|
#verbose-mode .small {
|
||||||
padding: 2px 4px 3px;
|
padding: 5px 6px 4px;
|
||||||
}
|
}
|
||||||
/* <------ INDIVIDUAL INTRO FOR ANY CLASS*/
|
/* <------ INDIVIDUAL INTRO FOR ANY CLASS*/
|
||||||
#individual-intro {
|
#individual-intro {
|
||||||
|
@ -211,7 +211,7 @@ h1.fn .preferred-title {
|
||||||
}
|
}
|
||||||
/* <------ INDIVIDUAL VISUALIZATION */
|
/* <------ INDIVIDUAL VISUALIZATION */
|
||||||
#visualization {
|
#visualization {
|
||||||
padding: 0 0 40px 30px;
|
padding: 0 0 20px 30px;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
float: right;
|
float: right;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
|
@ -8,13 +8,15 @@
|
||||||
<section id="admin">
|
<section id="admin">
|
||||||
<h3>Admin Panel</h3><a class="edit-individual" href="${individual.editUrl}">Edit this individual</a>
|
<h3>Admin Panel</h3><a class="edit-individual" href="${individual.editUrl}">Edit this individual</a>
|
||||||
|
|
||||||
|
<section id = "verbose-mode">
|
||||||
<#if verbosePropertySwitch??>
|
<#if verbosePropertySwitch??>
|
||||||
<#assign anchorId = "verbosePropertySwitch">
|
<#assign anchorId = "verbosePropertySwitch">
|
||||||
<#assign currentValue = verbosePropertySwitch.currentValue?string("on", "off")>
|
<#assign currentValue = verbosePropertySwitch.currentValue?string("on", "off")>
|
||||||
<#assign newValue = verbosePropertySwitch.currentValue?string("off", "on")>
|
<#assign newValue = verbosePropertySwitch.currentValue?string("off", "on")>
|
||||||
<span>Verbose property display is <b>${currentValue}</b> | </span>
|
<span>Verbose property display is <b>${currentValue}</b> | </span>
|
||||||
<a id="${anchorId}" href="${verbosePropertySwitch.url}#${anchorId}">Turn ${newValue}</a>
|
<a id="${anchorId}" class="verbose-toggle small" href="${verbosePropertySwitch.url}#${anchorId}">Turn ${newValue}</a>
|
||||||
</#if>
|
</#if>
|
||||||
|
</section>
|
||||||
|
|
||||||
<p class="uri-link">Resource URI: <a href="${individual.uri}" target="_blank">${individual.uri}</a></p>
|
<p class="uri-link">Resource URI: <a href="${individual.uri}" target="_blank">${individual.uri}</a></p>
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue