restyled GUI

git-svn-id: https://svn.research-infrastructures.eu/d4science/gcube/trunk/portlets/user/share-updates@122049 82a268e6-3cf1-43bd-a215-b396298e98cf

src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java

@@ -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) {	

src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml

@@ -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>
 

src/main/webapp/ShareUpdates.css

@@ -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;