Skip to:
Content

BuddyPress.org

Changeset 13183


Ignore:
Timestamp:
12/12/2021 03:51:15 AM (2 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:
8 added
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/buddypress/activity/entry.php

    r12735 r13183  
    88 * @package BuddyPress
    99 * @subpackage bp-legacy
    10  * @version 3.0.0
     10 * @since 3.0.0
     11 * @version 10.0.0
    1112 */
    1213
     
    3940            <div class="activity-inner">
    4041
    41                 <?php bp_activity_content_body(); ?>
     42                <?php bp_get_template_part( 'activity/type-parts/content',  bp_activity_type_part() ); ?>
    4243
    4344            </div>
  • trunk/src/bp-templates/bp-legacy/css/buddypress-rtl.css

    r12990 r13183  
    3131    4.2 - Smartphones Portrait
    3232    4.3 - Smartphones - smaller screen sizes
     335.0 - Activity Types.
    3334--------------------------------------------------------------*/
    3435
     
    22822283    }
    22832284}
     2285
     2286/*--------------------------------------------------------------
     22875.0 - Activity Types
     2288--------------------------------------------------------------*/
     2289.bp-member-preview-cover,
     2290.bp-group-preview-cover {
     2291    position: relative;
     2292    min-height: 150px;
     2293    background: #c5c5c5;
     2294}
     2295
     2296.bp-member-preview-cover img,
     2297.bp-group-preview-cover img {
     2298    background: #c5c5c5;
     2299    -o-object-fit: cover;
     2300    object-fit: cover;
     2301    border: 0;
     2302    display: block;
     2303    margin: 0;
     2304    padding: 0;
     2305    width: 100%;
     2306    z-index: 1;
     2307    height: 150px;
     2308}
     2309
     2310.bp-member-short-description,
     2311.bp-group-short-description {
     2312    position: relative;
     2313    text-align: center;
     2314    margin-bottom: 10px;
     2315}
     2316
     2317.bp-member-avatar-content,
     2318.bp-group-avatar-content {
     2319    width: 120px;
     2320    position: relative;
     2321    z-index: 2;
     2322    margin: auto;
     2323    overflow: hidden;
     2324}
     2325
     2326.bp-member-avatar-content.has-cover-image,
     2327.bp-group-avatar-content.has-cover-image {
     2328    width: 200px;
     2329    margin-top: -75px;
     2330}
     2331
     2332.bp-member-avatar-content img.profile-photo,
     2333.bp-group-avatar-content img.group-photo {
     2334    border: solid 2px #fff;
     2335    background: rgba(255, 255, 255, 0.8);
     2336    margin-right: 20px;
     2337    height: 80px;
     2338    width: 80px;
     2339}
     2340
     2341#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     2342#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     2343    float: none;
     2344    margin: auto;
     2345}
     2346
     2347.bp-member-avatar-content.has-cover-image img.profile-photo,
     2348.bp-member-avatar-content.has-cover-image img.group-photo,
     2349.bp-group-avatar-content.has-cover-image img.profile-photo,
     2350.bp-group-avatar-content.has-cover-image img.group-photo {
     2351    height: inherit;
     2352    width: inherit;
     2353}
     2354
     2355.bp-member-short-description-title a,
     2356.bp-group-short-description-title a {
     2357    font-weight: 600;
     2358}
     2359
     2360@media screen and (max-width: 46.8em) {
     2361
     2362    .bp-member-avatar-content,
     2363    .bp-group-avatar-content {
     2364        width: 100%;
     2365        margin-bottom: 15px;
     2366    }
     2367
     2368    .bp-member-avatar-content img.profile-photo,
     2369    .bp-group-avatar-content img.group-photo {
     2370        margin: auto;
     2371    }
     2372
     2373    .bp-profile-button {
     2374        position: relative;
     2375        margin-top: 15px;
     2376    }
     2377}
     2378
     2379@media screen and (min-width: 46.8em) {
     2380
     2381    .bp-profile-button {
     2382        text-align: left;
     2383    }
     2384}
  • trunk/src/bp-templates/bp-legacy/css/buddypress.css

    r12990 r13183  
    3131    4.2 - Smartphones Portrait
    3232    4.3 - Smartphones - smaller screen sizes
     335.0 - Activity Types.
    3334--------------------------------------------------------------*/
    3435
     
    22822283    }
    22832284}
     2285
     2286/*--------------------------------------------------------------
     22875.0 - Activity Types
     2288--------------------------------------------------------------*/
     2289.bp-member-preview-cover,
     2290.bp-group-preview-cover {
     2291    position: relative;
     2292    min-height: 150px;
     2293    background: #c5c5c5;
     2294}
     2295
     2296.bp-member-preview-cover img,
     2297.bp-group-preview-cover img {
     2298    background: #c5c5c5;
     2299    -o-object-fit: cover;
     2300    object-fit: cover;
     2301    border: 0;
     2302    display: block;
     2303    margin: 0;
     2304    padding: 0;
     2305    width: 100%;
     2306    z-index: 1;
     2307    height: 150px;
     2308}
     2309
     2310.bp-member-short-description,
     2311.bp-group-short-description {
     2312    position: relative;
     2313    text-align: center;
     2314    margin-bottom: 10px;
     2315}
     2316
     2317.bp-member-avatar-content,
     2318.bp-group-avatar-content {
     2319    width: 120px;
     2320    position: relative;
     2321    z-index: 2;
     2322    margin: auto;
     2323    overflow: hidden;
     2324}
     2325
     2326.bp-member-avatar-content.has-cover-image,
     2327.bp-group-avatar-content.has-cover-image {
     2328    width: 200px;
     2329    margin-top: -75px;
     2330}
     2331
     2332.bp-member-avatar-content img.profile-photo,
     2333.bp-group-avatar-content img.group-photo {
     2334    border: solid 2px #fff;
     2335    background: rgba(255, 255, 255, 0.8);
     2336    margin-left: 20px;
     2337    height: 80px;
     2338    width: 80px;
     2339}
     2340
     2341#buddypress ul.item-list li .bp-member-avatar-content img.avatar,
     2342#buddypress ul.item-list li .bp-group-avatar-content img.avatar {
     2343    float: none;
     2344    margin: auto;
     2345}
     2346
     2347.bp-member-avatar-content.has-cover-image img.profile-photo,
     2348.bp-member-avatar-content.has-cover-image img.group-photo,
     2349.bp-group-avatar-content.has-cover-image img.profile-photo,
     2350.bp-group-avatar-content.has-cover-image img.group-photo {
     2351    height: inherit;
     2352    width: inherit;
     2353}
     2354
     2355.bp-member-short-description-title a,
     2356.bp-group-short-description-title a {
     2357    font-weight: 600;
     2358}
     2359
     2360@media screen and (max-width: 46.8em) {
     2361
     2362    .bp-member-avatar-content,
     2363    .bp-group-avatar-content {
     2364        width: 100%;
     2365        margin-bottom: 15px;
     2366    }
     2367
     2368    .bp-member-avatar-content img.profile-photo,
     2369    .bp-group-avatar-content img.group-photo {
     2370        margin: auto;
     2371    }
     2372
     2373    .bp-profile-button {
     2374        position: relative;
     2375        margin-top: 15px;
     2376    }
     2377}
     2378
     2379@media screen and (min-width: 46.8em) {
     2380
     2381    .bp-profile-button {
     2382        text-align: right;
     2383    }
     2384}
Note: See TracChangeset for help on using the changeset viewer.