#24 - Timeline: layout improvements.

modules/boonex/timeline/classes/BxTimelineTemplate.php

@@ -508,6 +508,7 @@ class BxTimelineTemplate extends BxBaseModNotificationsTemplate
                 'content' => array()
             ),
             'item_owner_url' => $sAuthorUrl,
+            'item_owner_title' => bx_html_attribute($sAuthorName),
             'item_owner_name' => $sAuthorName,
             'bx_if:show_timeline_owner' => array(
                 'condition' => !empty($aTmplVarsTimelineOwner),

modules/boonex/timeline/template/css/share.css

@@ -1,25 +1,24 @@
-.bx-tl-share .bx-tl-share-element-holder,
-.bx-tl-share .bx-tl-share-counter-holder {
-	line-height: 20px;
-	line-height: 1.25rem;
-}
-
 .bx-tl-share .bx-tl-share-element-holder .bx-tl-share-do-share.bx-tl-share-disabled {
 	color: #ddd;
 }
-
+.bx-tl-share .bx-tl-share-counter-holder {
+	margin-left: 5px;
+	margin-left: 0.3125rem;
+}
 .bx-tl-share-button .bx-tl-share-element-holder,
 .bx-tl-share-button .bx-tl-share-counter-holder {
 	line-height: 36px;
 	line-height: 2.2rem;
 }
-
+.bx-tl-share.bx-tl-share-button .bx-tl-share-counter-holder {
+	margin-left: 10px;
+	margin-left: 0.625rem;
+}
 .bx-tl-share-button-small .bx-tl-share-element-holder,
 .bx-tl-share-button-small .bx-tl-share-counter-holder {
 	line-height: 24px;
 	line-height: 1.6rem;
 }
-
 .bx-tl-share-button .bx-tl-share-counter-holder,
 .bx-tl-share-button-small .bx-tl-share-counter-holder {
 	font-size: 1.5rem;
@@ -30,4 +29,3 @@ div.bx-tl-share div.bx-tl-share-counter-holder {
 	position: relative;
 	float: left;
 }
-

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

@@ -66,6 +66,14 @@ div.bx-tl-owner-avatar {
 	top: 0px;
 	left: 0px;
 }
+div.bx-tl-owner-info {
+	white-space: nowrap;
+}
+div.bx-tl-owner-name,
+div.bx-tl-item-info {
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
 
 /*+++ Item Text +++*/
 div.bx-tl-item-text {}

modules/boonex/timeline/template/item.html

@@ -12,7 +12,7 @@
 				</div>
 				<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>
+						<a href="__item_owner_url__" class="__style_prefix__-owner-name" title="__item_owner_title__">__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>

modules/boonex/timeline/template/share_element_block.html

@@ -1,7 +1,7 @@
 <div id="__html_id__" class="__style_prefix__-share __class__ bx-def-margin-left-auto bx-clearfix" bx_share_data_count="__count__">
 	<div class="__style_prefix__-share-element-holder">__do_share__</div>
 	<bx_if:show_counter>
-		<div class="__style_prefix__-share-counter-holder bx-def-margin-sec-left"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
+		<div class="__style_prefix__-share-counter-holder"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
 	</bx_if:show_counter>
 </div>
 __script__