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:
parent
a4a41e9639
commit
6b2688e87b
|
@ -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) {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue