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") @UiHandler("shareTextArea")
void onShareUpdateClick(ClickEvent e) { void onShareUpdateClick(ClickEvent e) {
shareTextArea.removeSampleText(); shareTextArea.removeSampleText();
if (shareTextArea.getText().compareTo("") == 0) {
Document.get().getElementById("highlighterContainer").getStyle().setHeight(52, Unit.PX); Document.get().getElementById("highlighterContainer").getStyle().setHeight(52, Unit.PX);
Document.get().getElementById("highlighter").getStyle().setHeight(52, Unit.PX); Document.get().getElementById("highlighter").getStyle().setHeight(52, Unit.PX);
Document.get().getElementById("postTextArea").getStyle().setHeight(52, Unit.PX); Document.get().getElementById("postTextArea").getStyle().setHeight(52, Unit.PX);
} }
}
@UiHandler("attachButton") @UiHandler("attachButton")
void onAttachClick(ClickEvent e) { 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: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"> xmlns:j="urn:import:org.gcube.portlets.widgets.fileupload.client.view">
<g:HTMLPanel ui:field="mainPanel"> <g:HTMLPanel ui:field="mainPanel">
<div class="share-updates-table"> <table class="share-updates-table">
<div> <tr>
<div class="share-updates-photo-cell"> <td class="share-updates-photo-cell">
<g:Image title="Edit Profile Picture" styleName="share-updates-member-photo" <g:Image title="Edit Profile Picture" styleName="share-updates-member-photo"
url="" ui:field="avatarImage" /> url="" ui:field="avatarImage" />
</div> </td>
<div class="share-updates-cell"> <td class="share-updates-cell">
<div id="supercontainer"> <div id="supercontainer">
<div id="highlighterContainer"> <div id="highlighterContainer">
<div id="highlighter"> <div id="highlighter">
@ -20,10 +20,9 @@
ui:field="shareTextArea" /> ui:field="shareTextArea" />
</div> </div>
</div> </div>
</div> </td>
</div> </tr>
</div> </table>
<j:UploadProgressPanel ui:field="uploadProgress"></j:UploadProgressPanel> <j:UploadProgressPanel ui:field="uploadProgress"></j:UploadProgressPanel>
<m:Placeholder ui:field="preview"></m:Placeholder> <m:Placeholder ui:field="preview"></m:Placeholder>

View File

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