Skip to:
Content

BuddyPress.org

Changeset 13182


Ignore:
Timestamp:
12/12/2021 03:38:48 AM (2 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.