NIHVIVO-2163: refactor markup and styles for verbose property display for individual page
This commit is contained in:
parent
6c0b24b821
commit
903330afad
2 changed files with 15 additions and 11 deletions
|
@ -6,5 +6,5 @@ $(document).ready(function(){
|
||||||
$('.overview-value').truncate({max_length: 500});
|
$('.overview-value').truncate({max_length: 500});
|
||||||
|
|
||||||
// Change background color button when verbose mode is off
|
// Change background color button when verbose mode is off
|
||||||
$('#verbosePropertyForm input#submit[value="Turn off"]').addClass("verbose-off")
|
$('a#verbosePropertySwitch:contains("Turn off")').addClass('verbose-off');
|
||||||
});
|
});
|
|
@ -93,6 +93,8 @@ input.block {
|
||||||
label {
|
label {
|
||||||
margin-top: .5em;
|
margin-top: .5em;
|
||||||
}
|
}
|
||||||
|
.verbose-toggle,
|
||||||
|
.verbose-toggle:visited,
|
||||||
#showAddFormButton,
|
#showAddFormButton,
|
||||||
#showAddFormButton:visited,
|
#showAddFormButton:visited,
|
||||||
input.submit,
|
input.submit,
|
||||||
|
@ -122,16 +124,17 @@ input#submit:visited {
|
||||||
margin-top: .5em;
|
margin-top: .5em;
|
||||||
margin-bottom: .5em;
|
margin-bottom: .5em;
|
||||||
}
|
}
|
||||||
#verbosePropertyForm span {
|
#verbose-mode .small {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
#verbose-mode span {
|
||||||
color: #888C8C;
|
color: #888C8C;
|
||||||
}
|
}
|
||||||
#verbosePropertyForm b {
|
#verbose-mode b {
|
||||||
color: #595B5B;
|
color: #595B5B;
|
||||||
}
|
}
|
||||||
#verbosePropertyForm .small {
|
#verbose-mode .verbose-off{
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
#verbosePropertyForm .verbose-off{
|
|
||||||
background: #706a66;
|
background: #706a66;
|
||||||
}
|
}
|
||||||
input.delete,
|
input.delete,
|
||||||
|
@ -157,6 +160,7 @@ input#delete:visited {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin-right: .6em;
|
margin-right: .6em;
|
||||||
}
|
}
|
||||||
|
.verbose-toggle:hover,
|
||||||
#showAddFormButton:hover,
|
#showAddFormButton:hover,
|
||||||
input.submit:hover,
|
input.submit:hover,
|
||||||
input#submit:hover {
|
input#submit:hover {
|
||||||
|
@ -168,6 +172,8 @@ input#delete:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #93c3d4;
|
background-color: #93c3d4;
|
||||||
}
|
}
|
||||||
|
.verbose-toggle,
|
||||||
|
.verbose-toggle:active,
|
||||||
#showAddFormButton:active,
|
#showAddFormButton:active,
|
||||||
input.delete:active,
|
input.delete:active,
|
||||||
input#delete:active,
|
input#delete:active,
|
||||||
|
@ -1445,9 +1451,7 @@ article.property h3 {
|
||||||
padding: 10px 0 10px 20px;
|
padding: 10px 0 10px 20px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
article.property .verbosePropertyListing {
|
h2#personInPosition .verbosePropertyListing,
|
||||||
margin-left: 15px;
|
h2#hasResearchArea .verbosePropertyListing {
|
||||||
}
|
|
||||||
h2#personInPosition .verbosePropertyListing {
|
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
Loading…
Add table
Add a link
Reference in a new issue