Ticket #3536

modules/boonex/forum/template/css/main.css

@@ -1,8 +1,33 @@
 /*-- Participants --*/
-.bx-forum-participant {
+.bx-forum-participants {
     position:relative;
-    display:block;
-    float:right;
+}
+.bx-forum-participants.left,
+.bx-forum-participants.none {
+    float: left;
+}
+.bx-forum-participants.right {
+    float: right;
+}
+.bx-forum-participant {
+    position: relative;
+    display: block;
+}
+.bx-forum-participants.left .bx-forum-participant,
+.bx-forum-participants.none .bx-forum-participant {
+    float: left;
+    margin-right: 0.5rem;
+}
+.bx-forum-participants.left .bx-forum-participant:last-child,
+.bx-forum-participants.none .bx-forum-participant:last-child {
+    margin-right: 0;
+}
+.bx-forum-participants.right .bx-forum-participant {
+    float: right;
+    margin-left: 0.5rem;
+}
+.bx-forum-participants.right .bx-forum-participant:last-child {
+    margin-left: 0;
 }
 
 .bx-forum-participant-alert-last-replier {
@@ -19,26 +44,26 @@
 
 /*-- Replies --*/
 .cmt.bx-def-box .cmts.cmts-margin {
-	margin-top: 0px;
+    margin-top: 0px;
 }
 .cmt-attached-preview.bx-forum-attached-preview {
-	display: block;
-	float: none;
+    display: block;
+    float: none;
 
-	width: auto;
-	height: 2rem;
-	line-height: 2rem;
-	white-space: nowrap;
+    width: auto;
+    height: 2rem;
+    line-height: 2rem;
+    white-space: nowrap;
 
-	overflow: hidden;
+    overflow: hidden;
     text-overflow: ellipsis;
 }
 .cmt-attached-preview.bx-forum-attached-preview img,
 .cmt-attached-preview.bx-forum-attached-preview .sys-icon {
-	display: inline-block;
-	vertical-align: middle;
+    display: inline-block;
+    vertical-align: middle;
 
-	width: 2rem;
+    width: 2rem;
     height: 2rem;
 }
 .cmt-attached-preview.bx-forum-attached-preview .sys-icon {

modules/boonex/forum/template/participants.html

@@ -1,20 +1,24 @@
-<div class="bx-forum-participants bx-clearfix" style="float:__float__;">
+<div class="bx-forum-participants __float__ bx-clearfix">
     <bx_repeat:participants>
-        <div class="bx-forum-participant bx-def-margin-sec-__float__-auto __class__">
+        <div class="bx-forum-participant __class__">
             __unit__
             <bx_if:replies_count>
                 <div class="bx-def-unit-alert bg-col-red2-dark" style="top:0; bottom:auto;">__count__</div>
             </bx_if:replies_count>
             <bx_if:last_replier>
-                <div title="__title__" class="bx-forum-participant-alert-last-replier bx-def-unit-alert bg-col-blue2-dark"><i class="sys-icon comments bx-def-font-contrasted"></i></div>
+                <div title="__title__" class="bx-forum-participant-alert-last-replier bx-def-unit-alert bg-col-blue2-dark">
+                    <i class="sys-icon comments bx-def-font-contrasted"></i>
+                </div>
             </bx_if:last_replier>
             <bx_if:author>
-                <div title="__title__" class="bx-forum-participant-alert-author bx-def-unit-alert bg-col-blue2-dark"><i class="sys-icon user bx-def-font-contrasted"></i></div>
+                <div title="__title__" class="bx-forum-participant-alert-author bx-def-unit-alert bg-col-blue2-dark">
+                    <i class="sys-icon user bx-def-font-contrasted"></i>
+                </div>
             </bx_if:author>
         </div>
     </bx_repeat:participants>
     <bx_if:participants_more>
-        <div class="bx-forum-participant bx-def-unit bx-def-thumb-size bx-def-margin-sec-__float__-auto">
+        <div class="bx-forum-participant bx-def-unit bx-def-thumb-size">
             <a href="javascript:void(0);" onclick="$('#__id__').dolPopup({pointer:{el:$(this)}})">__title_more__</a>            
         </div>
         <div id="__id__" style="display:none;">__popup__</div>

template/css/default.less

@@ -162,9 +162,9 @@
     }
 }
 .bx-def-margin-sec-right-auto {
-    .margin-left(@bx-margin-sec);
+    .margin-right(@bx-margin-sec);
     &:last-child {
-        .margin-left(0);
+        .margin-right(0);
     }
 }