Changeset 12797 for trunk/src/bp-templates/bp-nouveau/common-styles/_bp_user_header.scss

Timestamp:

11/19/2020 09:21:19 PM (5 years ago)

Author:

imath

Message:

Introduce a new template tag to list a user's member types

Just like Group Types can be listed into the displayed Group's header thanks to a specific template tag, Member types now have their own template tag bp_member_type_list() to do the same into the displayed user's header.

BP Nouveau is using this tag. Its header templates and styles has been updated to optimize the output of this list.

By default Member Types will not be displayed, their corresponding object will need to have their show_in_list property set to true.

Fixes #8394

File:

• trunk/src/bp-templates/bp-nouveau/common-styles/_bp_user_header.scss (modified) (1 diff)

trunk/src/bp-templates/bp-nouveau/common-styles/_bp_user_header.scss

@@ -1 +1 @@
 // BP Single User Specific Header Styles
-// @version 3.0.0
+// @since 3.0.0
+// @version 7.0.0
 
-.bp-user {
+body.buddypress.bp-user {
 
-    .users-header {
+    .buddypress-wrap {
 
-        .user-nicename {
-            margin-bottom: $marg-xsml;
+        .users-header {
+
+            h2.user-nicename {
+                margin-top: 0;
+                margin-bottom: $marg-xsml;
+            }
+
+            .bp-member-type-list {
+                padding-bottom: 0.5em;
+
+                @include font-size(18);
+                margin: 0;
+                color: $black;
+                display: flex;
+
+                strong {
+                    padding-right: $pad-med;
+                    white-space: nowrap;
+                }
+            }
         }
-    }
 
-    .member-header-actions {
-        overflow: hidden;
+        .member-header-actions {
+            overflow: hidden;
+            padding-left: 0;
 
-        * > * {
-            display: block;
+            * > * {
+                display: block;
+            }
         }
     }