Changeset 13182

Timestamp:

12/12/2021 03:38:48 AM (3 years ago)

Author:

imath

Message:

BP Nouveau: add the generated content type parts & needed styles

Props vapvarun, oztaser

See #8581

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• buddypress/activity/entry.php (modified) (1 diff)
• buddypress/activity/type-parts (added)
• buddypress/activity/type-parts/content-created-group.php (added)
• buddypress/activity/type-parts/content-friendship-created.php (added)
• buddypress/activity/type-parts/content-joined-group.php (added)
• buddypress/activity/type-parts/content-new-avatar.php (added)
• buddypress/activity/type-parts/content-new-member.php (added)
• buddypress/activity/type-parts/content-updated-profile.php (added)
• buddypress/activity/type-parts/content.php (added)
• common-styles/_bp_activity_entries.scss (modified) (2 diffs)
• css/buddypress-rtl.css (modified) (2 diffs)
• css/buddypress.css (modified) (2 diffs)
• sass/buddypress.scss (modified) (1 diff)

trunk/src/bp-templates/bp-nouveau/buddypress/activity/entry.php

@@ -36 +36 @@
             <div class="activity-inner">
 
-                <?php bp_nouveau_activity_content(); ?>
+                <?php bp_get_template_part( 'activity/type-parts/content',  bp_activity_type_part() ); ?>
 
             </div>

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

@@ -1 +1 @@
 // BP Activity Entries - activity loop
 // @since 3.0.0
-// @version 5.0.0
+// @version 10.0.0
 
 .activity-list {
@@ -437 +437 @@
     }
 }
+
+// Activity Types Entry View
+.bp-member-preview-cover,
+.bp-group-preview-cover {
+    position: relative;
+    min-height: 150px;
+    background: #c5c5c5;
+
+    img {
+        background: #c5c5c5;
+        object-fit: cover;
+        border: 0;
+        display: block;
+        margin: 0;
+        padding: 0;
+        width: 100%;
+        z-index: 1;
+        height: 150px;
+    }
+}
+
+.bp-member-short-description,
+.bp-group-short-description {
+    position: relative;
+    text-align: center;
+}
+
+.bp-member-avatar-content,
+.bp-group-avatar-content {
+    width: 120px;
+    position: relative;
+    z-index: 2;
+    margin: auto;
+
+    img.profile-photo,
+    img.group-photo {
+        border: solid 2px #fff;
+        background: rgba(255, 255, 255, 0.8);
+        height: 80px;
+        width: 80px;
+    }
+
+    &.has-cover-image {
+        width: 200px;
+        margin-top: -75px;
+
+        img.profile-photo,
+        img.group-photo {
+            height: inherit;
+            width: inherit;
+        }
+    }
+}
+
+.bp-member-short-description-title a,
+.bp-group-short-description-title a {
+    font-weight: 600;
+}
+
+@include medium-max() {
+
+    .bp-member-avatar-content,
+    .bp-group-avatar-content {
+        width: 100%;
+        margin-bottom: 15px;
+
+        img.profile-photo,
+        img.group-photo {
+            margin: auto;
+        }
+    }
+
+    .bp-profile-button {
+        position: relative;
+        margin-top: 15px;
+    }
+
+} // close @media
+
+@include medium-up {
+
+    .bp-profile-button {
+        text-align: right;
+    }
+
+} // close @media

trunk/src/bp-templates/bp-nouveau/css/buddypress-rtl.css

@@ -3 +3 @@
 
 @since 3.0.0
-@version 7.0.0
+@version 10.0.0
 
 ----------------------------------------------------------------
@@ -1585 +1585 @@
     body.activity-permalink .activity-list .activity-content .activity-header p {
         text-align: right;
+    }
+}
+
+.bp-member-preview-cover,
+.bp-group-preview-cover {
+    position: relative;
+    min-height: 150px;
+    background: #c5c5c5;
+}
+
+.bp-member-preview-cover img,
+.bp-group-preview-cover img {
+    background: #c5c5c5;
+    -o-object-fit: cover;
+    object-fit: cover;
+    border: 0;
+    display: block;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    z-index: 1;
+    height: 150px;
+}
+
+.bp-member-short-description,
+.bp-group-short-description {
+    position: relative;
+    text-align: center;
+}
+
+.bp-member-avatar-content,
+.bp-group-avatar-content {
+    width: 120px;
+    position: relative;
+    z-index: 2;
+    margin: auto;
+}
+
+.bp-member-avatar-content img.profile-photo,
+.bp-member-avatar-content img.group-photo,
+.bp-group-avatar-content img.profile-photo,
+.bp-group-avatar-content img.group-photo {
+    border: solid 2px #fff;
+    background: rgba(255, 255, 255, 0.8);
+    height: 80px;
+    width: 80px;
+}
+
+.bp-member-avatar-content.has-cover-image,
+.bp-group-avatar-content.has-cover-image {
+    width: 200px;
+    margin-top: -75px;
+}
+
+.bp-member-avatar-content.has-cover-image img.profile-photo,
+.bp-member-avatar-content.has-cover-image img.group-photo,
+.bp-group-avatar-content.has-cover-image img.profile-photo,
+.bp-group-avatar-content.has-cover-image img.group-photo {
+    height: inherit;
+    width: inherit;
+}
+
+.bp-member-short-description-title a,
+.bp-group-short-description-title a {
+    font-weight: 600;
+}
+
+@media screen and (max-width: 46.8em) {
+    .bp-member-avatar-content,
+    .bp-group-avatar-content {
+        width: 100%;
+        margin-bottom: 15px;
+    }
+    .bp-member-avatar-content img.profile-photo,
+    .bp-member-avatar-content img.group-photo,
+    .bp-group-avatar-content img.profile-photo,
+    .bp-group-avatar-content img.group-photo {
+        margin: auto;
+    }
+    .bp-profile-button {
+        position: relative;
+        margin-top: 15px;
+    }
+}
+
+@media screen and (min-width: 46.8em) {
+    .bp-profile-button {
+        text-align: left;
     }
 }

trunk/src/bp-templates/bp-nouveau/css/buddypress.css

@@ -3 +3 @@
 
 @since 3.0.0
-@version 7.0.0
+@version 10.0.0
 
 ----------------------------------------------------------------
@@ -1585 +1585 @@
     body.activity-permalink .activity-list .activity-content .activity-header p {
         text-align: left;
+    }
+}
+
+.bp-member-preview-cover,
+.bp-group-preview-cover {
+    position: relative;
+    min-height: 150px;
+    background: #c5c5c5;
+}
+
+.bp-member-preview-cover img,
+.bp-group-preview-cover img {
+    background: #c5c5c5;
+    -o-object-fit: cover;
+    object-fit: cover;
+    border: 0;
+    display: block;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    z-index: 1;
+    height: 150px;
+}
+
+.bp-member-short-description,
+.bp-group-short-description {
+    position: relative;
+    text-align: center;
+}
+
+.bp-member-avatar-content,
+.bp-group-avatar-content {
+    width: 120px;
+    position: relative;
+    z-index: 2;
+    margin: auto;
+}
+
+.bp-member-avatar-content img.profile-photo,
+.bp-member-avatar-content img.group-photo,
+.bp-group-avatar-content img.profile-photo,
+.bp-group-avatar-content img.group-photo {
+    border: solid 2px #fff;
+    background: rgba(255, 255, 255, 0.8);
+    height: 80px;
+    width: 80px;
+}
+
+.bp-member-avatar-content.has-cover-image,
+.bp-group-avatar-content.has-cover-image {
+    width: 200px;
+    margin-top: -75px;
+}
+
+.bp-member-avatar-content.has-cover-image img.profile-photo,
+.bp-member-avatar-content.has-cover-image img.group-photo,
+.bp-group-avatar-content.has-cover-image img.profile-photo,
+.bp-group-avatar-content.has-cover-image img.group-photo {
+    height: inherit;
+    width: inherit;
+}
+
+.bp-member-short-description-title a,
+.bp-group-short-description-title a {
+    font-weight: 600;
+}
+
+@media screen and (max-width: 46.8em) {
+    .bp-member-avatar-content,
+    .bp-group-avatar-content {
+        width: 100%;
+        margin-bottom: 15px;
+    }
+    .bp-member-avatar-content img.profile-photo,
+    .bp-member-avatar-content img.group-photo,
+    .bp-group-avatar-content img.profile-photo,
+    .bp-group-avatar-content img.group-photo {
+        margin: auto;
+    }
+    .bp-profile-button {
+        position: relative;
+        margin-top: 15px;
+    }
+}
+
+@media screen and (min-width: 46.8em) {
+    .bp-profile-button {
+        text-align: right;
     }
 }

trunk/src/bp-templates/bp-nouveau/sass/buddypress.scss

@@ -28 +28 @@
 
 @since 3.0.0
-@version 7.0.0
+@version 10.0.0
 
 ----------------------------------------------------------------