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

NIHVIVO-3213: Refactored styles for my account

Browse source
This commit is contained in:
manolobevia 2011-11-11 15:53:36 +00:00
parent 965ba68c47
commit 36253cd0f0
2 changed files with 30 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

24
webapp/web/css/account/account.css
View file

@ -291,13 +291,13 @@ a.disable-delete {
#edit-myProxy h4 { #edit-myProxy h4 {
padding-top: 0; padding-top: 0;
} }
.photo-profile {
border: 2px solid #DDE4E3; #edit-myProxy li.proxyInfoElement {
}
#edit-myProxy .proxyInfoElement {
padding-top: .8em; padding-top: .8em;
border-bottom: 1px dotted #E0DFDF; border-bottom: 1px dotted #E0DFDF;
padding-bottom: 1em; padding-bottom: 2em;
padding-left: 0;
clear: both;
} }
#edit-myProxy p.search-status { #edit-myProxy p.search-status {
margin-top: -10px; margin-top: -10px;
@ -311,16 +311,20 @@ a.disable-delete {
border-top: 1px solid #E0DFDF; border-top: 1px solid #E0DFDF;
padding-left: 0; padding-left: 0;
} }
#edit-myProxy a.remove-proxy { #edit-myProxy img.photo-profile {
font-size: .9em; border: 2px solid #DDE4E3;
float: left;
} }
#edit-myProxy .proxy-info { #edit-myProxy p.proxy-info {
padding-left: 1em; padding-left: 110px;
vertical-align: middle; padding-top: 15px;
} }
#edit-myProxy span.class-label { #edit-myProxy span.class-label {
color: #7F8993; color: #7F8993;
} }
#edit-myProxy a.remove-proxy {
font-size: .9em;
}
/* MANAGE PROXY ------> */ /* MANAGE PROXY ------> */
.proxy-profile { .proxy-profile {

24
webapp/web/templates/freemarker/body/accounts/userAccounts-myProxiesPanel.ftl
View file

@ -5,14 +5,15 @@
<section id="edit-myProxy" name="proxyProxiesPanel" role="region"> <section id="edit-myProxy" name="proxyProxiesPanel" role="region">
<h4>Who can edit my profile</h4> <h4>Who can edit my profile</h4>
<p>Add profile editor</p> <label for="addProfileEditor">Add profile editor</label>
<p><input type="text" name="proxySelectorAC" class="acSelector" size="35" value="Select an existing last name"></p> <input id="addProfileEditor" type="text" name="proxySelectorAC" class="acSelector" size="35" value="Select an existing last name" role="input" />
<p class="search-status"><span name='proxySelectorSearchStatus' moreCharsText='type more characters' noMatchText='no match'>&nbsp;</span></p> <p class="search-status"><span name='proxySelectorSearchStatus' moreCharsText='type more characters' noMatchText='no match'>&nbsp;</span></p>
<p name="excludeUri" style="display: none">${myAccountUri}<p> <p name="excludeUri" style="display: none">${myAccountUri}<p>
<p class="selected-editors">Selected editors:</p> <p class="selected-editors">Selected editors:</p>
<#-- Magic div thst holds all of the proxy data and the template that shows how to display it. -->
<ul name="proxyData"> <#-- Magic ul that holds all of the proxy data and the template that shows how to display it. -->
<ul name="proxyData" role="navigation">
<#list proxies as proxy> <#list proxies as proxy>
<div name="data" style="display: none"> <div name="data" style="display: none">
<p name="uri">${proxy.uri}</p> <p name="uri">${proxy.uri}</p>
@ -29,14 +30,15 @@
-- a hidden input field with templatePart="uriField" -- a hidden input field with templatePart="uriField"
--> -->
<div name="template" style="display: none"> <div name="template" style="display: none">
<li> <li role="listitem">
<img class="photo-profile" width="90" alt="%label%" src="%imageUrl%"> <img class="photo-profile" width="90" alt="%label%" src="%imageUrl%">
<div class="proxy-info"> <p class="proxy-info">%label% | <span class="class-label">%classLabel%</span>
%label% | <span class="class-label">%classLabel%</span> <br />
<br /><a class='remove-proxy' href="." templatePart="remove">Remove selection</a> <a class='remove-proxy' href="." templatePart="remove">Remove selection</a>
<input type="hidden" name="proxyUri" value="%uri%" >
</div <input type="hidden" name="proxyUri" value="%uri%" role="input" />
</p>
</li> </li>
</div> </div>
</ul> </ul>