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