diff --git a/.settings/org.eclipse.wst.common.component b/.settings/org.eclipse.wst.common.component index d851ee0..5c724ef 100644 --- a/.settings/org.eclipse.wst.common.component +++ b/.settings/org.eclipse.wst.common.component @@ -5,10 +5,7 @@ - - uses - - + uses diff --git a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.java b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.java index e32cf39..2d4fe0f 100644 --- a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.java +++ b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.java @@ -162,5 +162,11 @@ public class AttachmentPreviewer extends Composite { attachmentContainer.getElement().getStyle().setWidth(newWidth, unit); } + + public void changeAttachmentStyle(String style){ + + attachmentContainer.setStyleName(style); + + } } diff --git a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.ui.xml b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.ui.xml index 5b50dac..d01a64a 100644 --- a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.ui.xml +++ b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/AttachmentPreviewer.ui.xml @@ -26,25 +26,12 @@ vertical-align: middle; } - .container-style { - padding: 5px; - font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; - background-clip: border-box; - background-color: #FBFBFB; - background-image: none; - border: 1px solid #DDD; - border-radius: 4px; - width: 579px; - margin: 5px; - display: inline-block; - } - .label-style { overflow-x: hidden; - width: 200px + word-wrap: break-word; } - + diff --git a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/Placeholder.java b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/Placeholder.java index eb0a528..06253ac 100644 --- a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/Placeholder.java +++ b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/Placeholder.java @@ -2,7 +2,6 @@ package org.gcube.portlets.user.shareupdates.client.view; import com.google.gwt.core.shared.GWT; -import com.google.gwt.dom.client.Style.Unit; import com.google.gwt.user.client.ui.FlowPanel; import com.google.gwt.user.client.ui.Widget; import com.google.gwt.user.client.ui.WidgetCollection; @@ -12,8 +11,8 @@ import com.google.gwt.user.client.ui.WidgetCollection; * @author Costantino Perciante at ISTI CNR * */ -public class Placeholder extends FlowPanel { - +public class Placeholder extends FlowPanel{ + /** * Modified version of the add method. */ @@ -33,8 +32,8 @@ public class Placeholder extends FlowPanel { } else{ // we need to change the length of the last element added and of this new one - ((AttachmentPreviewer) listOfChildren.get(size -1)).changeAttachmentWidth(278, Unit.PX); - atPrev.changeAttachmentWidth(278, Unit.PX); + ((AttachmentPreviewer) listOfChildren.get(size -1)).changeAttachmentStyle("attachment-container-half-width"); + atPrev.changeAttachmentStyle("attachment-container-half-width"); // add it finally add((Widget)atPrev); @@ -50,7 +49,7 @@ public class Placeholder extends FlowPanel { // if the number is odd if(listOfChildren.size()%2 != 0) - ((AttachmentPreviewer) listOfChildren.get(listOfChildren.size() -1)).changeAttachmentWidth(579, Unit.PX); + ((AttachmentPreviewer) listOfChildren.get(listOfChildren.size() -1)).changeAttachmentStyle("attachment-container-full-width"); } } diff --git a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java index 2931916..6adc3c4 100644 --- a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java +++ b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.java @@ -16,6 +16,8 @@ import org.gcube.portlets.user.shareupdates.client.ShareUpdateServiceAsync; import org.gcube.portlets.user.shareupdates.shared.LinkPreview; import org.gcube.portlets.user.shareupdates.shared.UploadedFile; import org.gcube.portlets.user.shareupdates.shared.UserSettings; +import org.gcube.portlets.widgets.fileupload.client.events.FileTooLargeEvent; +import org.gcube.portlets.widgets.fileupload.client.events.FileTooLargeEventHandler; import org.gcube.portlets.widgets.fileupload.client.events.FileUploadCompleteEvent; import org.gcube.portlets.widgets.fileupload.client.events.FileUploadCompleteEventHandler; import org.gcube.portlets.widgets.fileupload.client.view.FileSubmit; @@ -23,10 +25,11 @@ import org.gcube.portlets.widgets.fileupload.client.view.UploadProgressPanel; import org.jsonmaker.gwt.client.Jsonizer; import com.github.gwtbootstrap.client.ui.Button; +import com.github.gwtbootstrap.client.ui.ListBox; +import com.github.gwtbootstrap.client.ui.constants.Device; import com.google.gwt.core.client.GWT; import com.google.gwt.dom.client.Document; import com.google.gwt.dom.client.Style.BorderStyle; -import com.google.gwt.dom.client.Style.Display; import com.google.gwt.dom.client.Style.FontWeight; import com.google.gwt.dom.client.Style.Unit; import com.google.gwt.dom.client.Style.Visibility; @@ -42,20 +45,19 @@ import com.google.gwt.uibinder.client.UiBinder; import com.google.gwt.uibinder.client.UiFactory; import com.google.gwt.uibinder.client.UiField; import com.google.gwt.uibinder.client.UiHandler; +import com.google.gwt.user.client.Timer; import com.google.gwt.user.client.Window; import com.google.gwt.user.client.rpc.AsyncCallback; import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.FileUpload; import com.google.gwt.user.client.ui.HTMLPanel; import com.google.gwt.user.client.ui.Image; -import com.google.gwt.user.client.ui.ListBox; import com.google.gwt.user.client.ui.ValueBoxBase.TextAlignment; import com.google.gwt.user.client.ui.Widget; /** * The main share update class. * @author Massimiliano Assante at ISTI CNR * @author Costantino Perciante at ISTI CNR - * */ public class ShareUpdateForm extends Composite { @@ -129,10 +131,16 @@ public class ShareUpdateForm extends Composite { Placeholder preview; @UiField - Button submitButton; + Button submitButtonScreen; @UiField - Button attachButton; + Button attachButtonScreen; + + @UiField + Button submitButtonPhoneTablet; + + @UiField + Button attachButtonPhoneTablet; @UiField Image avatarImage; @@ -162,8 +170,25 @@ public class ShareUpdateForm extends Composite { avatarImage.setUrl(loading); shareTextArea.setText(SHARE_UPDATE_TEXT); - attachButton.getElement().getStyle().setDisplay(Display.INLINE); - attachButton.addStyleName("upload-btn-m"); + // set the style and on which devices we show the buttons + submitButtonScreen.addStyleName("upload-btn-m"); + attachButtonScreen.addStyleName("upload-btn-m"); + submitButtonPhoneTablet.addStyleName("upload-btn-m"); + attachButtonPhoneTablet.addStyleName("upload-btn-m"); + + submitButtonScreen.setShowOn(Device.DESKTOP); + attachButtonScreen.setShowOn(Device.DESKTOP); + submitButtonScreen.setHideOn(Device.TABLET); + attachButtonScreen.setHideOn(Device.TABLET); + submitButtonScreen.setHideOn(Device.PHONE); + attachButtonScreen.setHideOn(Device.PHONE); + + submitButtonPhoneTablet.setHideOn(Device.DESKTOP); + attachButtonPhoneTablet.setHideOn(Device.DESKTOP); + submitButtonPhoneTablet.setShowOn(Device.TABLET); + attachButtonPhoneTablet.setShowOn(Device.TABLET); + submitButtonPhoneTablet.setShowOn(Device.PHONE); + attachButtonPhoneTablet.setShowOn(Device.PHONE); shareupdateService.getUserSettings(new AsyncCallback() { public void onFailure(Throwable caught) { @@ -203,8 +228,12 @@ public class ShareUpdateForm extends Composite { } else privacyLevel.setVisible(true); - attachButton.setVisible(true); - submitButton.setVisible(true); + + // all visible + attachButtonScreen.setVisible(true); + submitButtonScreen.setVisible(true); + attachButtonPhoneTablet.setVisible(true); + submitButtonPhoneTablet.setVisible(true); // check if DND can be activated and enable it if it's possible if(checkDNDAvailability()){ @@ -265,6 +294,27 @@ public class ShareUpdateForm extends Composite { checkFile(event.getUploadedFileInfo().getFilename(), absolutePathOnServer); } }); + + // on too large files event put to enabled the buttons attach/submit + eventBus.addHandler(FileTooLargeEvent.TYPE, new FileTooLargeEventHandler() { + + @Override + public void onFileTooLargeEvent(FileTooLargeEvent fileTooLargeEvent) { + + // We need to delay the enable calls because this event is launched in a + // FileUpload.onChange() that is also used for disabling the same buttons. + // In order to be sure they are first disabled and then enabled a delay is needed. + Timer timer = new Timer() { + public void run() { + enableSubmitButtons(true); + enableAttachButtons(true); + } + }; + + // Execute the timer to expire 2 seconds in the future + timer.schedule(300); + } + }); } /** Used by UiBinder to instantiate UploadProgressView */ @@ -285,8 +335,11 @@ public class ShareUpdateForm extends Composite { } } - @UiHandler("attachButton") - void onAttachClick(ClickEvent e) { + /** + * One handler for the two attach buttons. + * @param e + */ + private void onAttachClickHandlerBody(ClickEvent e){ // check if there is a link preview if(linkPreviewer != null){ @@ -319,7 +372,8 @@ public class ShareUpdateForm extends Composite { @Override public void onChange(ChangeEvent event) { - attachButton.setEnabled(false); + enableSubmitButtons(false); + enableAttachButtons(false); } }); @@ -327,11 +381,29 @@ public class ShareUpdateForm extends Composite { } - @UiHandler("submitButton") - void onClick(ClickEvent e) { + @UiHandler("attachButtonScreen") + void onAttachClickScreen(ClickEvent e) { + + onAttachClickHandlerBody(e); + + } + + @UiHandler("attachButtonPhoneTablet") + void onAttachClickOther(ClickEvent e) { + + onAttachClickHandlerBody(e); + + } + + /** + * One handler for the two submit buttons. + * @param e + */ + private void onSubmitClickHandlerBody(ClickEvent e){ //because otherwise it looses the other properties setting - attachButton.getElement().getStyle().setVisibility(Visibility.VISIBLE); + attachButtonScreen.getElement().getStyle().setVisibility(Visibility.VISIBLE); + attachButtonPhoneTablet.getElement().getStyle().setVisibility(Visibility.VISIBLE); shareupdateService.getUserSettings(new AsyncCallback() { public void onFailure(Throwable caught) { @@ -384,6 +456,21 @@ public class ShareUpdateForm extends Composite { postTweet(toPost, shareTextArea.getMentionedUsers(), postContent); } }); + + } + + @UiHandler("submitButtonScreen") + void onClickSubmitScreen(ClickEvent e) { + + onSubmitClickHandlerBody(e); + + } + + @UiHandler("submitButtonPhoneTablet") + void onClickSubmitOtherDevices(ClickEvent e) { + + onSubmitClickHandlerBody(e); + } @@ -403,7 +490,7 @@ public class ShareUpdateForm extends Composite { } // disable text edit and submission button - submitButton.setEnabled(false); + enableSubmitButtons(false); shareTextArea.setEnabled(false); // retrieve the vre id @@ -436,7 +523,7 @@ public class ShareUpdateForm extends Composite { shareupdateService.sharePostWithLinkPreview(toShareText, FeedType.TWEET, getPrivacyLevel(), vreOrgId, preview2Share, linkUrlThumbnail, mentionedUsers, notifyGroup, new AsyncCallback() { public void onFailure(Throwable caught) { - submitButton.setEnabled(true); + enableSubmitButtons(true); shareTextArea.setEnabled(true); shareTextArea.setText(SHARE_UPDATE_TEXT); shareTextArea.cleanHighlighterDiv(); @@ -445,8 +532,7 @@ public class ShareUpdateForm extends Composite { } public void onSuccess(ClientFeed feed) { - - submitButton.setEnabled(true); + enableSubmitButtons(true); shareTextArea.setEnabled(true); shareTextArea.setText(SHARE_UPDATE_TEXT); shareTextArea.cleanHighlighterDiv(); @@ -498,8 +584,7 @@ public class ShareUpdateForm extends Composite { public void onSuccess(ClientFeed feed) { //GWT.log("Saved feed looks like " + feed.toString()); - - submitButton.setEnabled(true); + enableSubmitButtons(true); shareTextArea.setEnabled(true); shareTextArea.setText(SHARE_UPDATE_TEXT); shareTextArea.cleanHighlighterDiv(); @@ -528,8 +613,7 @@ public class ShareUpdateForm extends Composite { public void onFailure(Throwable caught) { GWT.log(caught.toString()); - - submitButton.setEnabled(true); + enableSubmitButtons(true); shareTextArea.setEnabled(true); shareTextArea.setText(SHARE_UPDATE_TEXT); shareTextArea.cleanHighlighterDiv(); @@ -603,13 +687,13 @@ public class ShareUpdateForm extends Composite { } preview.add(new LinkLoader()); - submitButton.setEnabled(false); + enableSubmitButtons(false); //GWT.log("It's http link:" + linkToCheck); shareupdateService.checkLink(textToCheck, new AsyncCallback() { public void onFailure(Throwable caught) { preview.clear(); - submitButton.setEnabled(true); + enableSubmitButtons(true); } public void onSuccess(LinkPreview result) { @@ -621,7 +705,7 @@ public class ShareUpdateForm extends Composite { preview.clear(); if (result != null) addPreviewLink(result); - submitButton.setEnabled(true); + enableSubmitButtons(true); } }); break; @@ -664,10 +748,10 @@ public class ShareUpdateForm extends Composite { addPreviewAttachment(null, atPrev); // enable anyway the button - submitButton.setEnabled(true); + enableSubmitButtons(true); // enable attach button - attachButton.setEnabled(true); + enableAttachButtons(true); } // it returns a LinkPreview (for compatibility with old code) @@ -689,10 +773,11 @@ public class ShareUpdateForm extends Composite { ); addPreviewAttachment(result, atPrev); - submitButton.setEnabled(true); + // enable anyway the button + enableSubmitButtons(true); // enable attach button - attachButton.setEnabled(true); + enableAttachButtons(true); } }); } @@ -766,7 +851,8 @@ public class ShareUpdateForm extends Composite { protected void cancelLinkPreview() { preview.clear(); linkPreviewer = null; - attachButton.getElement().getStyle().setVisibility(Visibility.VISIBLE); //beacuse otherwise it looses the other properties setting + attachButtonScreen.getElement().getStyle().setVisibility(Visibility.VISIBLE); //beacuse otherwise it looses the other properties setting + attachButtonPhoneTablet.getElement().getStyle().setVisibility(Visibility.VISIBLE); } /** @@ -842,9 +928,9 @@ public class ShareUpdateForm extends Composite { instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::resetDNDStyleEffects()(); return; } - // else delete the link preview and proceeed + // else delete the link preview, enable the attach buttons and proceeed instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::cancelLinkPreview()(); - + instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::enableAttachButtons(Z)(true); } // check limit for number of files @@ -887,7 +973,10 @@ public class ShareUpdateForm extends Composite { var numberIgnoredFiles = 0; // disable attach button - instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::enableAttachButton(Z)(false); + instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::enableAttachButtons(Z)(false); + + // disable submit button + instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::enableSubmitButtons(Z)(false); // for each dropped file for (var i = 0; i < files.length; i++) { @@ -898,7 +987,6 @@ public class ShareUpdateForm extends Composite { // be sure it is not a folder if (!isFolder(file)) { console.log("filesSelected: " + fileSelected); - console.log("files: " + files); // check its size var fileSize = file.size / 1024 / 1024; @@ -947,16 +1035,16 @@ public class ShareUpdateForm extends Composite { // reset text area instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::resetDNDStyleEffects()(); - return; + }else{ + + // print ignored folders, if any + var msg = "Ignored "; + msg += numFolder > 1? numFolder+" folders": numFolder+" folder"; + msg += " during upload."; + console.log(msg); + instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::showAlert(Ljava/lang/String;)(msg); } - - // print ignored folders, if any - var msg = "Ignored "; - msg += numFolder > 1? numFolder+" folders": numFolder+" folder"; - msg+= " during upload."; - console.log(msg); - instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::showAlert(Ljava/lang/String;)(msg); } // alert for too large files @@ -968,19 +1056,24 @@ public class ShareUpdateForm extends Composite { msg = file.name + " can't be uploaded because it is too large!"; instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::showAlert(Ljava/lang/String;)(msg); - // reset text area - instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::resetDNDStyleEffects()(); - return; - + }else{ + + var msg = numberIgnoredFiles + ignoredFilesAlert; + console.log(msg); + instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::showAlert(Ljava/lang/String;)(msg); + } - - var msg = numberIgnoredFiles + ignoredFilesAlert; - console.log(msg); - instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::showAlert(Ljava/lang/String;)(msg); } // reset text area instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::resetDNDStyleEffects()(); + + // enable attach buttons + instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::enableAttachButtons(Z)(true); + + // enable submit buttons + instance.@org.gcube.portlets.user.shareupdates.client.view.ShareUpdateForm::enableSubmitButtons(Z)(true); + }); }-*/; @@ -1147,13 +1240,25 @@ public class ShareUpdateForm extends Composite { } /** - * Enables or disable the attach button + * Enables or disable the attach buttons * @param enable */ - private void enableAttachButton(boolean enable){ + private void enableAttachButtons(boolean enable){ - GWT.log("Enable attach button? " + enable); - attachButton.setEnabled(enable); + attachButtonScreen.setEnabled(enable); + attachButtonPhoneTablet.setEnabled(enable); + + } + + /** + * Enables or disable the submit buttons + * @param enable + */ + private void enableSubmitButtons(boolean enable){ + + GWT.log("enable is " + enable); + submitButtonScreen.setEnabled(enable); + submitButtonPhoneTablet.setEnabled(enable); } } diff --git a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml index 37d8678..ef66970 100644 --- a/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml +++ b/src/main/java/org/gcube/portlets/user/shareupdates/client/view/ShareUpdateForm.ui.xml @@ -4,7 +4,7 @@ xmlns:b="urn:import:com.github.gwtbootstrap.client.ui" xmlns:j="urn:import:org.gcube.portlets.widgets.fileupload.client.view"> .attachment-container { - width: 600px; + width: 100%; } @@ -38,15 +38,22 @@ - - + + + + + + + + + - - diff --git a/src/main/resources/org/gcube/portlets/user/shareupdates/ShareUpdates.gwt.xml b/src/main/resources/org/gcube/portlets/user/shareupdates/ShareUpdates.gwt.xml index ba6c1ee..949e438 100644 --- a/src/main/resources/org/gcube/portlets/user/shareupdates/ShareUpdates.gwt.xml +++ b/src/main/resources/org/gcube/portlets/user/shareupdates/ShareUpdates.gwt.xml @@ -12,8 +12,11 @@ + + + - + diff --git a/src/main/webapp/ShareUpdates.css b/src/main/webapp/ShareUpdates.css index 93092e0..61a86d9 100644 --- a/src/main/webapp/ShareUpdates.css +++ b/src/main/webapp/ShareUpdates.css @@ -1,3 +1,113 @@ +@media screen and (max-width: 1280px) { + select.wizardListbox { + width: 70% !important; + background: #F2F2F2 url(images/white-grad.png) repeat-x scroll left top; + border-color: #BBB; + color: #444; + font-size: 12px; + border-width: 1px; + border-style: solid; + cursor: pointer; + cursor: hand; + margin-left: 0px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + margin-top: 2px; + margin-bottom: 5px; + } +} + +@media screen and (max-width: 1100px) { + select.wizardListbox { + width: 40% !important; + background: #F2F2F2 url(images/white-grad.png) repeat-x scroll left top; + border-color: #BBB; + color: #444; + font-size: 12px; + border-width: 1px; + border-style: solid; + cursor: pointer; + cursor: hand; + margin-left: 0px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + margin-top: 2px; + margin-bottom: 5px; + } +} + +@media screen and (max-width: 800px) { + select.wizardListbox { + width: 100% !important; + background: #F2F2F2 url(images/white-grad.png) repeat-x scroll left top; + border-color: #BBB; + color: #444; + font-size: 12px; + border-width: 1px; + border-style: solid; + cursor: pointer; + cursor: hand; + margin-left: 0px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + margin-top: 2px; + margin-bottom: 5px; + } + .attachment-container-full-width { + padding: 5px; + font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; + background-clip: border-box; + background-color: #FBFBFB; + background-image: none; + border: 1px solid #DDD; + border-radius: 4px; + display: inline-block; + width: 95% !important; + border-color: red; + margin-left: 5px !important; + } + .attachment-container-half-width { + padding: 5px; + font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; + background-clip: border-box; + background-color: #FBFBFB; + background-image: none; + border: 1px solid #DDD; + border-radius: 4px; + display: inline-block; + width: 95% !important; + border-color: red; + margin-left: 5px !important; + } +} + +.attachment-container-full-width { + padding: 5px; + font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; + background-clip: border-box; + background-color: #FBFBFB; + background-image: none; + border: 1px solid #DDD; + border-radius: 4px; + display: inline-block; + width: 93%; +} + +.attachment-container-half-width { + padding: 5px; + font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; + background-clip: border-box; + background-color: #FBFBFB; + background-image: none; + border: 1px solid #DDD; + border-radius: 4px; + display: inline-block; + width: 46%; +} + td>form { margin-top: 5px !important; margin-bottom: 0px !important; @@ -5,26 +115,29 @@ td>form { .share-updates-table { border-collapse: collapse; - width: 100%; + width: 95%; } .upload-btn-m { - margin: 0 13px; + margin-right: 10px; + margin-bottom: 15px; } .share-updates-table .share-updates-cell { padding-left: 3px; + width: 95%; } .share-updates-table .share-updates-photo-cell { - width: 60px; text-align: right; vertical-align: top; + width: 5%; + min-width: 50px; } .share-updates-member-photo { - width: 32px; - height: 32px; + width: auto !important; + height: 40px !important; border-radius: 4px; } @@ -38,8 +151,8 @@ td>form { left: 0; top: 0; cursor: text; - width: 525px; height: 32px; + width: 100%; } #inputContainer { @@ -60,7 +173,7 @@ td>form { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - width: 525px; + width: 100%; height: 32px; word-wrap: break-word; /* this is very important when usere paste long links*/ @@ -80,7 +193,7 @@ div#inputContainer textarea.postTextArea { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - width: 525px; + width: 100%; height: 32px; } @@ -138,7 +251,7 @@ div#inputContainer textarea.postTextArea { } .link-previewer { - width: 600px; + width: 100%; padding-top: 10px; padding-bottom: 10px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; @@ -263,8 +376,7 @@ a.link:hover { } select.wizardListbox { - height: 25px; - width: 372px; + width: 80%; background: #F2F2F2 url(images/white-grad.png) repeat-x scroll left top; border-color: #BBB; color: #444; @@ -278,6 +390,8 @@ select.wizardListbox { -webkit-border-radius: 4px; border-radius: 4px; margin-top: 2px; + margin-bottom: 5px; + margin-right: 10px; } /* smart textarea */