Changeset 13183

Timestamp:

12/12/2021 03:51:15 AM (3 years ago)

Author:

imath

Message:

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

Props vapvarun, oztaser

Fixes #8581

Location:

trunk/src/bp-templates/bp-legacy

Files:

• buddypress/activity/entry.php (modified) (2 diffs)
• 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)
• css/buddypress-rtl.css (modified) (2 diffs)
• css/buddypress.css (modified) (2 diffs)

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

@@ -8 +8 @@
  * @package BuddyPress
  * @subpackage bp-legacy
- * @version 3.0.0
+ * @since 3.0.0
+ * @version 10.0.0
  */
 
@@ -39 +40 @@
             <div class="activity-inner">
 
-                <?php bp_activity_content_body(); ?>
+                <?php bp_get_template_part( 'activity/type-parts/content',  bp_activity_type_part() ); ?>
 
             </div>

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

@@ -31 +31 @@
     4.2 - Smartphones Portrait
     4.3 - Smartphones - smaller screen sizes
+5.0 - Activity Types.
 --------------------------------------------------------------*/
 
@@ -2282 +2283 @@
     }
 }
+
+/*--------------------------------------------------------------
+5.0 - Activity Types
+--------------------------------------------------------------*/
+.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;
+    margin-bottom: 10px;
+}
+
+.bp-member-avatar-content,
+.bp-group-avatar-content {
+    width: 120px;
+    position: relative;
+    z-index: 2;
+    margin: auto;
+    overflow: hidden;
+}
+
+.bp-member-avatar-content.has-cover-image,
+.bp-group-avatar-content.has-cover-image {
+    width: 200px;
+    margin-top: -75px;
+}
+
+.bp-member-avatar-content img.profile-photo,
+.bp-group-avatar-content img.group-photo {
+    border: solid 2px #fff;
+    background: rgba(255, 255, 255, 0.8);
+    margin-right: 20px;
+    height: 80px;
+    width: 80px;
+}
+
+#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
+#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
+    float: none;
+    margin: auto;
+}
+
+.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-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-legacy/css/buddypress.css

@@ -31 +31 @@
     4.2 - Smartphones Portrait
     4.3 - Smartphones - smaller screen sizes
+5.0 - Activity Types.
 --------------------------------------------------------------*/
 
@@ -2282 +2283 @@
     }
 }
+
+/*--------------------------------------------------------------
+5.0 - Activity Types
+--------------------------------------------------------------*/
+.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;
+    margin-bottom: 10px;
+}
+
+.bp-member-avatar-content,
+.bp-group-avatar-content {
+    width: 120px;
+    position: relative;
+    z-index: 2;
+    margin: auto;
+    overflow: hidden;
+}
+
+.bp-member-avatar-content.has-cover-image,
+.bp-group-avatar-content.has-cover-image {
+    width: 200px;
+    margin-top: -75px;
+}
+
+.bp-member-avatar-content img.profile-photo,
+.bp-group-avatar-content img.group-photo {
+    border: solid 2px #fff;
+    background: rgba(255, 255, 255, 0.8);
+    margin-left: 20px;
+    height: 80px;
+    width: 80px;
+}
+
+#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
+#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
+    float: none;
+    margin: auto;
+}
+
+.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-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;
+    }
+}