#24 - Thumb instead of Icon

modules/boonex/timeline/classes/BxTimelineModule.php

@@ -534,7 +534,7 @@ class BxTimelineModule extends BxDolModule
 		return array(
 			$oProfile->getDisplayName(), 
 			$oProfile->getUrl(), 
-			$oProfile->getIcon(),
+			$oProfile->getThumb(),
 			$oProfile->getUnit()
 		);
     }

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

@@ -62,15 +62,11 @@ div.bx-tl-item-menu-button a:hover {
 div.bx-tl-item-owner {
 	position: relative;
 }
-div.bx-tl-owner-icon {
+div.bx-tl-owner-avatar {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 }
-div.bx-tl-owner-name,
-div.bx-tl-item-info {
-	margin-left: 42px;
-}
 
 /*+++ Item Image +++*/
 div.bx-tl-item-image {

modules/boonex/timeline/template/item.html

@@ -1,8 +1,8 @@
 <div id="bx-timeline-item-__id__" class="__style_prefix__-item bx-tl-grid-sizer">
 	<div class="__style_prefix__-item-ind bx-def-padding-sec">
 	    <div class="__style_prefix__-item-cnt bx-def-padding bx-def-round-corners bx-def-color-bg-sec">
-	    	<div class="__style_prefix__-item-owner bx-def-margin-bottom bx-def-icon-size-min-height"> 
-		       	<div class="__style_prefix__-owner-icon bx-def-icon bx-def-icon-size">
+	    	<div class="__style_prefix__-item-owner bx-def-margin-bottom"> 
+		       	<div class="__style_prefix__-owner-avatar bx-def-thumb bx-def-thumb-size">
 					<bx_if:show_icon>
 						<img src="__author_icon__" />
 					</bx_if:show_icon>
@@ -10,25 +10,27 @@
 						<i class="sys-icon user"></i>
 					</bx_if:show_icon_empty>
 				</div>
-				<div class="__style_prefix__-owner-name">
-					<a href="__item_owner_url__" class="__style_prefix__-owner-name">__item_owner_name__</a>
-		            <bx_if:show_timeline_owner>
-			        	<i class="sys-icon caret-right"></i>
-			        	<a href="__owner_url__" class="__style_prefix__-timeline-owner-name">__owner_username__</a>
-			        </bx_if:show_timeline_owner>
-				</div>
-				<div class="__style_prefix__-item-info bx-def-font-small bx-def-font-grayed">
-					<a class="__style_prefix__-date" href="__item_view_url__" onclick="javascript:return __js_object__.showItem(this, __id__)">__item_date__</a>
-					<!--
-					//Comments and Shares counters
-
-					<bx_if:show_counter_comments>
-						<span class="bullet">&#183;</span>&nbsp;<i class="sys-icon comment"></i>__counter__
-					</bx_if:show_counter_comments>
-					<bx_if:show_counter_shares>
-						<span class="bullet">&#183;</span>&nbsp;<i class="sys-icon share-square-o"></i>__counter__
-					</bx_if:show_counter_shares>
-					-->
+				<div class="__style_prefix__-owner-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+					<div class="__style_prefix__-owner-name">
+						<a href="__item_owner_url__" class="__style_prefix__-owner-name">__item_owner_name__</a>
+			            <bx_if:show_timeline_owner>
+				        	<i class="sys-icon caret-right"></i>
+				        	<a href="__owner_url__" class="__style_prefix__-timeline-owner-name">__owner_username__</a>
+				        </bx_if:show_timeline_owner>
+					</div>
+					<div class="__style_prefix__-item-info bx-def-font-small bx-def-font-grayed">
+						<a class="__style_prefix__-date" href="__item_view_url__" onclick="javascript:return __js_object__.showItem(this, __id__)">__item_date__</a>
+						<!--
+						//Comments and Shares counters
+	
+						<bx_if:show_counter_comments>
+							<span class="bullet">&#183;</span>&nbsp;<i class="sys-icon comment"></i>__counter__
+						</bx_if:show_counter_comments>
+						<bx_if:show_counter_shares>
+							<span class="bullet">&#183;</span>&nbsp;<i class="sys-icon share-square-o"></i>__counter__
+						</bx_if:show_counter_shares>
+						-->
+					</div>
 				</div>
 				<bx_if:show_menu_item_manage>
 					<div class="__style_prefix__-item-menu">

template/css/default.css

@@ -489,7 +489,10 @@ h3,
     min-height:64px;
     min-height:3rem;
 }
-
+.bx-def-thumb-size-left-indent {
+	margin-left: 60px;
+	margin-left: 3.75rem;
+}
 
 .bx-def-icon-size {
     width:32px;