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

Timestamp:

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

Author:

imath

Message:

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

Props vapvarun, oztaser

See #8581

File:

• trunk/src/bp-templates/bp-nouveau/common-styles/_bp_activity_entries.scss (modified) (2 diffs)

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