Skip to:
Content

BuddyPress.org

Changeset 13182


Ignore:
Timestamp:
12/12/2021 03:38:48 AM (5 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:
8 added
5 edited

Legend:

Unmodified
Added
Removed

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

    r13114 r13182  
    3636                        <div class="activity-inner">
    3737
    38                                 <?php bp_nouveau_activity_content(); ?>
     38                                <?php bp_get_template_part( 'activity/type-parts/content',  bp_activity_type_part() ); ?>
    3939
    4040                        </div>

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

    r12571 r13182  
    11// BP Activity Entries - activity loop
    22// @since 3.0.0
    3 // @version 5.0.0
     3// @version 10.0.0
    44
    55.activity-list {
    … …  
    437437        }
    438438}
     439
     440// Activity Types Entry View
     441.bp-member-preview-cover,
     442.bp-group-preview-cover {
     443        position: relative;
     444        min-height: 150px;
     445        background: #c5c5c5;
     446
     447        img {
     448                background: #c5c5c5;
     449                object-fit: cover;
     450                border: 0;
     451                display: block;
     452                margin: 0;
     453                padding: 0;
     454                width: 100%;
     455                z-index: 1;
     456                height: 150px;
     457        }
     458}
     459
     460.bp-member-short-description,
     461.bp-group-short-description {
     462        position: relative;
     463        text-align: center;
     464}
     465
     466.bp-member-avatar-content,
     467.bp-group-avatar-content {
     468        width: 120px;
     469        position: relative;
     470        z-index: 2;
     471        margin: auto;
     472
     473        img.profile-photo,
     474        img.group-photo {
     475                border: solid 2px #fff;
     476                background: rgba(255, 255, 255, 0.8);
     477                height: 80px;
     478                width: 80px;
     479        }
     480
     481        &.has-cover-image {
     482                width: 200px;
     483                margin-top: -75px;
     484
     485                img.profile-photo,
     486                img.group-photo {
     487                        height: inherit;
     488                        width: inherit;
     489                }
     490        }
     491}
     492
     493.bp-member-short-description-title a,
     494.bp-group-short-description-title a {
     495        font-weight: 600;
     496}
     497
     498@include medium-max() {
     499
     500        .bp-member-avatar-content,
     501        .bp-group-avatar-content {
     502                width: 100%;
     503                margin-bottom: 15px;
     504
     505                img.profile-photo,
     506                img.group-photo {
     507                        margin: auto;
     508                }
     509        }
     510
     511        .bp-profile-button {
     512                position: relative;
     513                margin-top: 15px;
     514        }
     515
     516} // close @media
     517
     518@include medium-up {
     519
     520        .bp-profile-button {
     521                text-align: right;
     522        }
     523
     524} // close @media

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

    r13113 r13182  
    33
    44@since 3.0.0
    5 @version 7.0.0
     5@version 10.0.0
    66
    77----------------------------------------------------------------
    … …  
    15851585        body.activity-permalink .activity-list .activity-content .activity-header p {
    15861586                text-align: right;
     1587        }
     1588}
     1589
     1590.bp-member-preview-cover,
     1591.bp-group-preview-cover {
     1592        position: relative;
     1593        min-height: 150px;
     1594        background: #c5c5c5;
     1595}
     1596
     1597.bp-member-preview-cover img,
     1598.bp-group-preview-cover img {
     1599        background: #c5c5c5;
     1600        -o-object-fit: cover;
     1601        object-fit: cover;
     1602        border: 0;
     1603        display: block;
     1604        margin: 0;
     1605        padding: 0;
     1606        width: 100%;
     1607        z-index: 1;
     1608        height: 150px;
     1609}
     1610
     1611.bp-member-short-description,
     1612.bp-group-short-description {
     1613        position: relative;
     1614        text-align: center;
     1615}
     1616
     1617.bp-member-avatar-content,
     1618.bp-group-avatar-content {
     1619        width: 120px;
     1620        position: relative;
     1621        z-index: 2;
     1622        margin: auto;
     1623}
     1624
     1625.bp-member-avatar-content img.profile-photo,
     1626.bp-member-avatar-content img.group-photo,
     1627.bp-group-avatar-content img.profile-photo,
     1628.bp-group-avatar-content img.group-photo {
     1629        border: solid 2px #fff;
     1630        background: rgba(255, 255, 255, 0.8);
     1631        height: 80px;
     1632        width: 80px;
     1633}
     1634
     1635.bp-member-avatar-content.has-cover-image,
     1636.bp-group-avatar-content.has-cover-image {
     1637        width: 200px;
     1638        margin-top: -75px;
     1639}
     1640
     1641.bp-member-avatar-content.has-cover-image img.profile-photo,
     1642.bp-member-avatar-content.has-cover-image img.group-photo,
     1643.bp-group-avatar-content.has-cover-image img.profile-photo,
     1644.bp-group-avatar-content.has-cover-image img.group-photo {
     1645        height: inherit;
     1646        width: inherit;
     1647}
     1648
     1649.bp-member-short-description-title a,
     1650.bp-group-short-description-title a {
     1651        font-weight: 600;
     1652}
     1653
     1654@media screen and (max-width: 46.8em) {
     1655        .bp-member-avatar-content,
     1656        .bp-group-avatar-content {
     1657                width: 100%;
     1658                margin-bottom: 15px;
     1659        }
     1660        .bp-member-avatar-content img.profile-photo,
     1661        .bp-member-avatar-content img.group-photo,
     1662        .bp-group-avatar-content img.profile-photo,
     1663        .bp-group-avatar-content img.group-photo {
     1664                margin: auto;
     1665        }
     1666        .bp-profile-button {
     1667                position: relative;
     1668                margin-top: 15px;
     1669        }
     1670}
     1671
     1672@media screen and (min-width: 46.8em) {
     1673        .bp-profile-button {
     1674                text-align: left;
    15871675        }
    15881676}

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

    r13113 r13182  
    33
    44@since 3.0.0
    5 @version 7.0.0
     5@version 10.0.0
    66
    77----------------------------------------------------------------
    … …  
    15851585        body.activity-permalink .activity-list .activity-content .activity-header p {
    15861586                text-align: left;
     1587        }
     1588}
     1589
     1590.bp-member-preview-cover,
     1591.bp-group-preview-cover {
     1592        position: relative;
     1593        min-height: 150px;
     1594        background: #c5c5c5;
     1595}
     1596
     1597.bp-member-preview-cover img,
     1598.bp-group-preview-cover img {
     1599        background: #c5c5c5;
     1600        -o-object-fit: cover;
     1601        object-fit: cover;
     1602        border: 0;
     1603        display: block;
     1604        margin: 0;
     1605        padding: 0;
     1606        width: 100%;
     1607        z-index: 1;
     1608        height: 150px;
     1609}
     1610
     1611.bp-member-short-description,
     1612.bp-group-short-description {
     1613        position: relative;
     1614        text-align: center;
     1615}
     1616
     1617.bp-member-avatar-content,
     1618.bp-group-avatar-content {
     1619        width: 120px;
     1620        position: relative;
     1621        z-index: 2;
     1622        margin: auto;
     1623}
     1624
     1625.bp-member-avatar-content img.profile-photo,
     1626.bp-member-avatar-content img.group-photo,
     1627.bp-group-avatar-content img.profile-photo,
     1628.bp-group-avatar-content img.group-photo {
     1629        border: solid 2px #fff;
     1630        background: rgba(255, 255, 255, 0.8);
     1631        height: 80px;
     1632        width: 80px;
     1633}
     1634
     1635.bp-member-avatar-content.has-cover-image,
     1636.bp-group-avatar-content.has-cover-image {
     1637        width: 200px;
     1638        margin-top: -75px;
     1639}
     1640
     1641.bp-member-avatar-content.has-cover-image img.profile-photo,
     1642.bp-member-avatar-content.has-cover-image img.group-photo,
     1643.bp-group-avatar-content.has-cover-image img.profile-photo,
     1644.bp-group-avatar-content.has-cover-image img.group-photo {
     1645        height: inherit;
     1646        width: inherit;
     1647}
     1648
     1649.bp-member-short-description-title a,
     1650.bp-group-short-description-title a {
     1651        font-weight: 600;
     1652}
     1653
     1654@media screen and (max-width: 46.8em) {
     1655        .bp-member-avatar-content,
     1656        .bp-group-avatar-content {
     1657                width: 100%;
     1658                margin-bottom: 15px;
     1659        }
     1660        .bp-member-avatar-content img.profile-photo,
     1661        .bp-member-avatar-content img.group-photo,
     1662        .bp-group-avatar-content img.profile-photo,
     1663        .bp-group-avatar-content img.group-photo {
     1664                margin: auto;
     1665        }
     1666        .bp-profile-button {
     1667                position: relative;
     1668                margin-top: 15px;
     1669        }
     1670}
     1671
     1672@media screen and (min-width: 46.8em) {
     1673        .bp-profile-button {
     1674                text-align: right;
    15871675        }
    15881676}

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

    r12789 r13182  
    2828
    2929@since 3.0.0
    30 @version 7.0.0
     30@version 10.0.0
    3131
    3232----------------------------------------------------------------
Note: See TracChangeset for help on using the changeset viewer.