Ticket #3776 - Profile/Context Meta doesn't display in other templates except artificier.

modules/base/profile/template/cover.html

@@ -22,11 +22,9 @@
                     </bx_if:show_avatar>
                     <div class="bx-base-pofile-cover-user bx-def-margin-sec-topbottom">
                         <div class="bx-base-profile-cover-title-bages">
-							<h1 class="bx-def-unit-info">__title__ </h1>
-							<div class="bx-base-profile-cover-bages bx-base-bages-container">
-								__badges__
-							</div>
-						</div>
+                            <h1 class="bx-def-unit-info">__title__ </h1>
+                            <div class="bx-base-profile-cover-meta flex flex-row flex-wrap justify-center lg:justify-start text-sm">__meta__</div>
+                        </div>
                         <div class="bx-base-pofile-cover-actions bx-def-margin-sec-leftright-neg" onclick="event.stopPropagation();">__action_menu__</div>
                     </div>
                 </div>

modules/base/profile/template/css/main.css

@@ -364,11 +364,23 @@ a.bx-base-pofile-cover-thumb p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
     padding: 0;
 
     line-height:normal;
-    text-align: left;
+    text-align: center;
     text-shadow: none;
     font-size: 1.5rem;
     font-weight: 800;
 }
+.bx-media-tablet .bx-base-pofile-cover-user h1.bx-def-unit-info,
+.bx-media-desktop .bx-base-pofile-cover-user h1.bx-def-unit-info {
+    text-align: left;
+}
+
+.bx-base-profile-cover-meta {}
+.bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li:last-child {
+    margin-right: 0;
+}
+.bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li .sys-meta-div {
+    display: none;
+}
 
 .bx-base-pofile-cover-actions {
     position: relative;
@@ -617,24 +629,9 @@ a.bx-base-pofile-cover-thumb p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
     width:calc(10.0%);
 }
 
-
-
 /* view page */
 .bx-base-profile-entity-content,
 .bx-base-profile-entity-content p {
     overflow: hidden;
     text-overflow: ellipsis;
-}
-
-.bx-base-pofile-unit-bages {
-    position: absolute;
-    right: -30%;
-    top: 0px;
-}
-.bx-base-profile-cover-title-bages{
-    display: flex; 
-    align-items: center;
-    justify-content: center; 
-    overflow: hidden;
-    align-items: center;
-}
+}

modules/boonex/decorous/data/template/bx_persons/cover.html

@@ -25,7 +25,7 @@
                     <div class="bx-base-pofile-cover-user">
                         <div class="bx-base-profile-cover-title-bages bx-def-centered">
                             <h1 class="bx-def-unit-info">__title__ </h1>
-                            <div class="bx-base-profile-cover-bages bx-base-bages-container">__badges__</div>
+                            <div class="bx-base-profile-cover-meta flex flex-row flex-wrap justify-center lg:justify-start text-sm">__meta__</div>
                         </div>
                         <div class="bx-base-pofile-cover-actions bx-def-margin-top bx-def-margin-sec-leftright-neg" onclick="event.stopPropagation();">__action_menu__</div>
                     </div>