Ticket #4120 - Timeline: Uploaded media placed incorrectly in post form.

modules/boonex/timeline/install/sql/install.sql

@@ -491,63 +491,63 @@ INSERT INTO `sys_form_inputs` (`object`, `module`, `name`, `value`, `values`, `c
 ('bx_timeline_post', @sName, 'tlb_do_cancel', '_bx_timeline_form_post_input_do_cancel', '', 0, 'button', '_bx_timeline_form_post_input_sys_do_cancel', '', '', 0, 0, 0, 'a:2:{s:7:"onclick";s:51:"{js_object_view}.editPostCancel(this, {content_id})";s:5:"class";s:22:"bx-def-margin-sec-left";}', '', '', '', '', '', '', '', 0, 0);
 
 INSERT INTO `sys_form_display_inputs` (`display_name`, `input_name`, `visible_for_levels`, `active`, `order`) VALUES
-('bx_timeline_post_add', 'type', 2147483647, 1, 0),
-('bx_timeline_post_add', 'action', 2147483647, 1, 1),
-('bx_timeline_post_add', 'text', 2147483647, 1, 2),
-('bx_timeline_post_add', 'attachments', 2147483647, 1, 3),
-('bx_timeline_post_add', 'owner_id', 2147483647, 1, 4),
-('bx_timeline_post_add', 'object_privacy_view', 2147483647, 1, 5),
-('bx_timeline_post_add', 'object_cf', 2147483647, 1, 6),
-('bx_timeline_post_add', 'published', 192, 0, 7),
-('bx_timeline_post_add', 'location', 2147483647, 1, 8),
-('bx_timeline_post_add', 'link', 2147483647, 1, 9),
-('bx_timeline_post_add', 'photo', 2147483647, 1, 10),
-('bx_timeline_post_add', 'video', 2147483647, 1, 11),
-('bx_timeline_post_add', 'file', 2147483647, 1, 12),
-('bx_timeline_post_add', 'tlb_do_submit', 2147483647, 1, 13),
-
-('bx_timeline_post_add_public', 'type', 2147483647, 1, 0),
-('bx_timeline_post_add_public', 'action', 2147483647, 1, 1),
-('bx_timeline_post_add_public', 'owner_id', 2147483647, 1, 2),
-('bx_timeline_post_add_public', 'text', 2147483647, 1, 3),
-('bx_timeline_post_add_public', 'attachments', 2147483647, 1, 4),
-('bx_timeline_post_add_public', 'object_privacy_view', 2147483647, 1, 5),
-('bx_timeline_post_add_public', 'object_cf', 2147483647, 1, 6),
-('bx_timeline_post_add_public', 'published', 192, 0, 7),
-('bx_timeline_post_add_public', 'location', 2147483647, 1, 8),
-('bx_timeline_post_add_public', 'link', 2147483647, 1, 9),
-('bx_timeline_post_add_public', 'photo', 2147483647, 1, 10),
-('bx_timeline_post_add_public', 'video', 2147483647, 1, 11),
-('bx_timeline_post_add_public', 'file', 2147483647, 1, 12),
-('bx_timeline_post_add_public', 'tlb_do_submit', 2147483647, 1, 13),
-
-('bx_timeline_post_add_profile', 'type', 2147483647, 1, 0),
-('bx_timeline_post_add_profile', 'action', 2147483647, 1, 1),
-('bx_timeline_post_add_profile', 'owner_id', 2147483647, 1, 2),
-('bx_timeline_post_add_profile', 'text', 2147483647, 1, 3),
-('bx_timeline_post_add_profile', 'attachments', 2147483647, 1, 4),
-('bx_timeline_post_add_profile', 'object_privacy_view', 2147483647, 1, 5),
-('bx_timeline_post_add_profile', 'object_cf', 2147483647, 1, 6),
-('bx_timeline_post_add_profile', 'published', 192, 0, 7),
-('bx_timeline_post_add_profile', 'location', 2147483647, 1, 8),
-('bx_timeline_post_add_profile', 'link', 2147483647, 1, 9),
-('bx_timeline_post_add_profile', 'photo', 2147483647, 1, 10),
-('bx_timeline_post_add_profile', 'video', 2147483647, 1, 11),
-('bx_timeline_post_add_profile', 'file', 2147483647, 1, 12),
-('bx_timeline_post_add_profile', 'tlb_do_submit', 2147483647, 1, 13),
+('bx_timeline_post_add', 'type', 2147483647, 1, 1),
+('bx_timeline_post_add', 'action', 2147483647, 1, 2),
+('bx_timeline_post_add', 'owner_id', 2147483647, 1, 3),
+('bx_timeline_post_add', 'text', 2147483647, 1, 4),
+('bx_timeline_post_add', 'attachments', 2147483647, 1, 5),
+('bx_timeline_post_add', 'link', 2147483647, 1, 6),
+('bx_timeline_post_add', 'photo', 2147483647, 1, 7),
+('bx_timeline_post_add', 'video', 2147483647, 1, 8),
+('bx_timeline_post_add', 'file', 2147483647, 1, 9),
+('bx_timeline_post_add', 'object_privacy_view', 2147483647, 1, 10),
+('bx_timeline_post_add', 'object_cf', 2147483647, 1, 11),
+('bx_timeline_post_add', 'published', 192, 0, 12),
+('bx_timeline_post_add', 'location', 2147483647, 1, 13),
+('bx_timeline_post_add', 'tlb_do_submit', 2147483647, 1, 14),
+
+('bx_timeline_post_add_public', 'type', 2147483647, 1, 1),
+('bx_timeline_post_add_public', 'action', 2147483647, 1, 2),
+('bx_timeline_post_add_public', 'owner_id', 2147483647, 1, 3),
+('bx_timeline_post_add_public', 'text', 2147483647, 1, 4),
+('bx_timeline_post_add_public', 'attachments', 2147483647, 1, 5),
+('bx_timeline_post_add_public', 'link', 2147483647, 1, 6),
+('bx_timeline_post_add_public', 'photo', 2147483647, 1, 7),
+('bx_timeline_post_add_public', 'video', 2147483647, 1, 8),
+('bx_timeline_post_add_public', 'file', 2147483647, 1, 9),
+('bx_timeline_post_add_public', 'object_privacy_view', 2147483647, 1, 10),
+('bx_timeline_post_add_public', 'object_cf', 2147483647, 1, 11),
+('bx_timeline_post_add_public', 'published', 192, 0, 12),
+('bx_timeline_post_add_public', 'location', 2147483647, 1, 13),
+('bx_timeline_post_add_public', 'tlb_do_submit', 2147483647, 1, 14),
+
+('bx_timeline_post_add_profile', 'type', 2147483647, 1, 1),
+('bx_timeline_post_add_profile', 'action', 2147483647, 1, 2),
+('bx_timeline_post_add_profile', 'owner_id', 2147483647, 1, 3),
+('bx_timeline_post_add_profile', 'text', 2147483647, 1, 4),
+('bx_timeline_post_add_profile', 'attachments', 2147483647, 1, 5),
+('bx_timeline_post_add_profile', 'link', 2147483647, 1, 6),
+('bx_timeline_post_add_profile', 'photo', 2147483647, 1, 7),
+('bx_timeline_post_add_profile', 'video', 2147483647, 1, 8),
+('bx_timeline_post_add_profile', 'file', 2147483647, 1, 9),
+('bx_timeline_post_add_profile', 'object_privacy_view', 2147483647, 1, 10),
+('bx_timeline_post_add_profile', 'object_cf', 2147483647, 1, 11),
+('bx_timeline_post_add_profile', 'published', 192, 0, 12),
+('bx_timeline_post_add_profile', 'location', 2147483647, 1, 13),
+('bx_timeline_post_add_profile', 'tlb_do_submit', 2147483647, 1, 14),
 
 ('bx_timeline_post_edit', 'type', 2147483647, 1, 1),
 ('bx_timeline_post_edit', 'action', 2147483647, 1, 2),
 ('bx_timeline_post_edit', 'owner_id', 2147483647, 1, 3),
 ('bx_timeline_post_edit', 'text', 2147483647, 1, 4),
 ('bx_timeline_post_edit', 'attachments', 2147483647, 1, 5),
-('bx_timeline_post_edit', 'published', 192, 0, 6),
-('bx_timeline_post_edit', 'location', 2147483647, 1, 7),
-('bx_timeline_post_edit', 'link', 2147483647, 1, 8),
-('bx_timeline_post_edit', 'photo', 2147483647, 1, 9),
-('bx_timeline_post_edit', 'video', 2147483647, 1, 10),
-('bx_timeline_post_edit', 'file', 2147483647, 1, 11),
-('bx_timeline_post_edit', 'object_cf', 2147483647, 1, 12),
+('bx_timeline_post_edit', 'link', 2147483647, 1, 6),
+('bx_timeline_post_edit', 'photo', 2147483647, 1, 7),
+('bx_timeline_post_edit', 'video', 2147483647, 1, 8),
+('bx_timeline_post_edit', 'file', 2147483647, 1, 9),
+('bx_timeline_post_edit', 'object_cf', 2147483647, 1, 10),
+('bx_timeline_post_edit', 'published', 192, 0, 11),
+('bx_timeline_post_edit', 'location', 2147483647, 1, 12),
 ('bx_timeline_post_edit', 'controls', 2147483647, 1, 13),
 ('bx_timeline_post_edit', 'tlb_do_submit', 2147483647, 1, 14),
 ('bx_timeline_post_edit', 'tlb_do_cancel', 2147483647, 1, 15);

modules/boonex/timeline/template/css/post.css

@@ -8,7 +8,6 @@ div.bx-tl-post-cnt {
 
 /*--- Post Form Styles ---*/
 #bx_timeline_post textarea.bx-form-input-textarea {
-	height: 36px;
     height: 2.2rem;
 }
 
@@ -16,29 +15,30 @@ div.bx-tl-post-cnt {
 #bx_timeline_post div#bx-form-element-photo,
 #bx_timeline_post div#bx-form-element-video,
 #bx_timeline_post .bx-form-input-files-uploaders {
-	margin-top: 0px;
+    margin-top: 0px;
 }
 #bx_timeline_post div#bx-form-element-attachments ul.bx-menu-btns-hor {
-	text-align: left;
+    text-align: left;
 }
 div.bx-tl-uploader-file {
-	position: relative;
-	float: left;
+    position: relative;
+    float: left;
+}
+div.bx-tl-post div.bx-uploader-ghost-cnt {
+    min-width: 6.25rem;
 }
 div.bx-tl-uploader-file-preview {
-	overflow: hidden;
+    overflow: hidden;
 }
 div.bx-tl-uploader-file-preview,
 div.bx-tl-uploader-file-preview img {
-	width: 100px;
-	width: 6.25rem;
-	height: 100px;
-	height: 6.25rem;
+    width: 6.25rem;
+    height: 6.25rem;
 }
 div.bx-tl-uploader-file-preview img {
-	background-position: center center;
-	background-repeat: no-repeat;
-	background-size: contain;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: contain;
 }
 
 /*--- Attach Link Form Field Styles ---*/