Ticket #1113

modules/boonex/timeline/classes/BxTimelineTemplate.php

@@ -1167,7 +1167,7 @@ class BxTimelineTemplate extends BxBaseModNotificationsTemplate
                     continue;
 
                 $sImage = $this->parseImage($sImageSrc, array(
-                	'class' => $sStylePrefix . '-item-img'
+                	'class' => $sStylePrefix . '-item-image'
                 ));
 
                 $aAttrs = array();

modules/boonex/timeline/js/main.js

@@ -139,7 +139,7 @@ BxTimelineMain.prototype.initFlickity = function() {
 	var $this = this;
 
 	$('.' + this.sClassItem + ' .' + this.sClassItemImages).each(function() {
-		if($(this).find('.' + $this.sClassItemImage).length <= 1)
+		if($(this).find('div.' + $this.sClassItemImage).length <= 1)
 			return;
 
 		$(this).flickity({

modules/boonex/timeline/template/css/view.css

@@ -266,36 +266,32 @@ div.bx-tl-view-outline div.bx-tl-content-show-more a {
 }
 
 /*+++ Item Image +++*/
-div.bx-tl-view-timeline div.bx-tl-item-images,
-div.bx-tl-view-search div.bx-tl-item-images,
-div.bx-tl-view-item div.bx-tl-item-images {
+div.bx-tl-view-search div.bx-tl-item-images {
 	margin-left: 0px;
 	margin-right: 0px;
 }
-div.bx-tl-view-timeline div.bx-tl-item-image,
-div.bx-tl-view-search div.bx-tl-item-image,
-div.bx-tl-view-item div.bx-tl-item-image {
+div.bx-tl-view-search div.bx-tl-item-image {
 	margin-right: 2px;
 	margin-right: 0.125rem;
 }
-div.bx-tl-view-outline div.bx-tl-item-image {
+div.bx-tl-view-timeline div.bx-tl-item-image,
+div.bx-tl-view-outline div.bx-tl-item-image,
+div.bx-tl-view-item div.bx-tl-item-image {
 	width: 100%;
     text-align: center;
     overflow: hidden;
 }
-div.bx-tl-view-search div.bx-tl-item-image img,
-div.bx-tl-view-timeline div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img,
-div.bx-tl-view-item div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img {
+div.bx-tl-view-search div.bx-tl-item-image img {
 	height: 12.5rem;
 }
+div.bx-tl-view-timeline div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img,
+div.bx-tl-view-item div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img,
 div.bx-tl-view-timeline div.bx-tl-item-images.bx-tl-ii-single div.bx-tl-item-image img,
 div.bx-tl-view-item  div.bx-tl-item-images.bx-tl-ii-single div.bx-tl-item-image img {
 	max-width: 100%;
 }
 div.bx-tl-view-outline div.bx-tl-item-image img {
 	max-width: 100%;
-	min-height: 12.5rem;
-	max-height: 18.4375rem;
 	object-fit: cover;
 	object-position: center center;
 }

modules/boonex/timeline/template/item_outline.html

@@ -1,15 +1,15 @@
 <div id="__html_id__" class="__style_prefix__-item __class__">
     <a name="timeline-event-__id__"></a>
 	<div class="__style_prefix__-item-ind bx-def-padding-sec">
-	    <div class="__style_prefix__-item-cnt bx-def-box bx-def-padding bx-def-round-corners __class_content__">
+	    <div class="__style_prefix__-item-cnt bx-def-box bx-def-padding-topbottom bx-def-round-corners __class_content__">
             <div class="__style_prefix__-blink-plate"></div>
             <bx_if:show_note>
-	            <div class="__style_prefix__-item-note">
+	            <div class="__style_prefix__-item-note bx-def-margin-leftright">
 	                <div class="__style_prefix__-in-text bx-def-font-grayed<bx_if:show_note_color> col-__item_note_color__</bx_if:show_note_color>">__item_note__</div>
 	                <div class="__style_prefix__-in-divider bx-def-hr bx-def-margin-sec-topbottom"></div>
 	            </div>
 	        </bx_if:show_note>
-	    	<div class="__style_prefix__-item-owner __class_owner__"> 
+	    	<div class="__style_prefix__-item-owner bx-def-margin-leftright __class_owner__"> 
 		       	<div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
 				<div class="__style_prefix__-owner-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
 				    <!-- NOTE: Spaces after and between elements in 'owner-name' DIV are needed for better line folding -->
@@ -36,12 +36,12 @@
 			</div>
 			<div class="__style_prefix__-item-content bx-def-margin-sec-top bx-clearfix">__content__</div>
 			<bx_if:show_location>
-				<div class="__style_prefix__-item-location bx-def-margin-sec-top bx-def-font-grayed bx-clearfix">__location__</div>
+				<div class="__style_prefix__-item-location bx-def-margin-leftright bx-def-margin-sec-top bx-def-font-grayed bx-clearfix">__location__</div>
 			</bx_if:show_location>
 			<bx_if:show_menu_item_actions>
-				<div class="__style_prefix__-item-activity bx-def-margin-sec-top bx-clearfix">__menu_item_actions__</div>
+				<div class="__style_prefix__-item-activity bx-def-margin-leftright bx-def-margin-sec-top bx-clearfix">__menu_item_actions__</div>
 			</bx_if:show_menu_item_actions>
-			<div class="__style_prefix__-item-comments-holder">__comments__</div>
+			<div class="__style_prefix__-item-comments-holder bx-def-margin-leftright">__comments__</div>
 		</div>
 	</div>
 </div>

modules/boonex/timeline/template/item_timeline.html

@@ -39,7 +39,7 @@
                 </div>
             </bx_if:show_owner_actions>
         </div>
-		<div class="__style_prefix__-item-content bx-def-margin-leftright bx-def-margin-sec-top bx-clearfix">__content__</div>
+		<div class="__style_prefix__-item-content bx-def-margin-sec-top bx-clearfix">__content__</div>
 		<bx_if:show_location>
 		    <div class="__style_prefix__-item-location bx-def-margin-leftright bx-def-margin-sec-top bx-def-font-grayed bx-clearfix">__location__</div>
 		</bx_if:show_location>

modules/boonex/timeline/template/type_post.html

@@ -1,4 +1,4 @@
-<div class="__style_prefix__-item-text">
+<div class="__style_prefix__-item-text bx-def-margin-leftright">
     <bx_if:show_title>
         <div class="__style_prefix__-title bx-def-margin-sec-bottom bx-def-font-h3">__title__</div>
     </bx_if:show_title>
@@ -8,21 +8,21 @@
     <bx_if:show_content_raw>__item_content_raw__</bx_if:show_content_raw>
 </div>
 <bx_if:show_images>
-    <div class="__style_prefix__-item-images __style_prefix__-ii-__images_display__ bx-def-margin-topbottom bx-def-margin-leftright-neg">
+    <div class="__style_prefix__-item-images __style_prefix__-ii-__images_display__ bx-def-margin-topbottom">
         <bx_repeat:images>
             <div class="__style_prefix__-item-image">__image__</div>
         </bx_repeat:images>
     </div>
 </bx_if:show_images>
 <bx_if:show_videos>
-    <div class="__style_prefix__-item-videos bx-def-margin-top bx-def-margin-leftright-neg">
+    <div class="__style_prefix__-item-videos bx-def-margin-top">
         <bx_repeat:videos>
             <div class="__style_prefix__-item-video bx-def-margin-top-auto">__video__</div>
         </bx_repeat:videos>
     </div>
 </bx_if:show_videos>
 <bx_if:show_links>
-	<div class="__style_prefix__-item-links bx-def-margin-top">
+	<div class="__style_prefix__-item-links bx-def-margin-top bx-def-margin-leftright">
 		<bx_repeat:links>
 	   		<div class="__style_prefix__-item-link bx-def-margin-top-auto bx-def-padding-sec bx-def-border">
 				<bx_if:show_embed_outer>