restyled GUI

git-svn-id: https://svn.research-infrastructures.eu/d4science/gcube/trunk/portlets/user/share-updates@122049 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Massimiliano Assante 2015-12-21 18:18:37 +00:00
parent a4a41e9639
commit 6b2688e87b
3 changed files with 15 additions and 24 deletions

View File

@ -197,10 +197,12 @@ public class ShareUpdateForm extends Composite {
@UiHandler("shareTextArea")
void onShareUpdateClick(ClickEvent e) {
shareTextArea.removeSampleText();
if (shareTextArea.getText().compareTo("") == 0) {
Document.get().getElementById("highlighterContainer").getStyle().setHeight(52, Unit.PX);
Document.get().getElementById("highlighter").getStyle().setHeight(52, Unit.PX);
Document.get().getElementById("postTextArea").getStyle().setHeight(52, Unit.PX);
}
}
@UiHandler("attachButton")
void onAttachClick(ClickEvent e) {

View File

@ -3,13 +3,13 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:m="urn:import:org.gcube.portlets.user.shareupdates.client.view"
xmlns:j="urn:import:org.gcube.portlets.widgets.fileupload.client.view">
<g:HTMLPanel ui:field="mainPanel">
<div class="share-updates-table">
<div>
<div class="share-updates-photo-cell">
<table class="share-updates-table">
<tr>
<td class="share-updates-photo-cell">
<g:Image title="Edit Profile Picture" styleName="share-updates-member-photo"
url="" ui:field="avatarImage" />
</div>
<div class="share-updates-cell">
</td>
<td class="share-updates-cell">
<div id="supercontainer">
<div id="highlighterContainer">
<div id="highlighter">
@ -20,10 +20,9 @@
ui:field="shareTextArea" />
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<j:UploadProgressPanel ui:field="uploadProgress"></j:UploadProgressPanel>
<m:Placeholder ui:field="preview"></m:Placeholder>

View File

@ -1,26 +1,16 @@
.share-updates-table {
display: table;
border-collapse: collapse;
width: 100%;
}
.share-updates-table>div {
display: table-row;
}
.share-updates-table .share-updates-cell {
display: table-cell;
padding-left: 3px;
}
.share-updates-table .share-updates-photo-cell {
display: table-cell;
width: 60px;
text-align: center;
}
.share-updates-photo-cell>img {
vertical-align: top;
}
.share-updates-member-photo {
@ -51,7 +41,7 @@
#highlighter {
padding: 4px 2px;
color: #ffffff;
background-color: #FFF;
background-color: transparent;
margin: 0px;
font-family: 'Lucida Grande', Verdana, 'Bitstream Vera Sans', Arial,
sans-serif;