Skip to:
Content

BuddyPress.org

Changeset 11996


Ignore:
Timestamp:
04/27/2018 10:51:25 AM (8 years ago)
Author:
mercime
Message:

BP Nouveau: Group Membership Request screen - Add styles and update markup.

  • Add styles for desktop and mobile views
  • Fix heading levels
  • Bring markup up to par with Friendship Request screen

Fixes #7757.

Location:
trunk/src/bp-templates/bp-nouveau
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-nouveau/buddypress/groups/single/requests-loop.php

    r11899 r11996  
    99<?php if ( bp_group_has_membership_requests( bp_ajax_querystring( 'membership_requests' ) ) ) : ?>
    1010
     11        <h2 class="bp-screen-reader-text">Membership Requests</h2>
     12
    1113        <?php bp_nouveau_pagination( 'top' ); ?>
    1214
    13         <ul id="request-list" class="item-list bp-list">
     15        <ul id="request-list" class="item-list bp-list membership-requests-list">
    1416                <?php
    1517                while ( bp_group_membership_requests() ) :
    … …  
    1820
    1921                        <li>
    20                                 <?php bp_group_request_user_avatar_thumb(); ?>
    21                                 <h4><?php bp_group_request_user_link(); ?> <span class="comments"><?php bp_group_request_comment(); ?></span></h4>
    22                                 <span class="activity"><?php bp_group_request_time_since_requested(); ?></span>
     22                                <div class="item-avatar">
     23                                        <?php bp_group_request_user_avatar_thumb(); ?>
     24                                </div>
    2325
    24                                 <?php bp_nouveau_group_hook( '', 'membership_requests_admin_item' ); ?>
     26                                <div class="item">
     27
     28                                        <div class="item-title">
     29                                                <h3><?php bp_group_request_user_link(); ?></h3>
     30                                        </div>
     31
     32                                        <div class="item-meta">
     33                                                <span class="comments"><?php bp_group_request_comment(); ?></span>
     34                                                <span class="activity"><?php bp_group_request_time_since_requested(); ?></span>
     35                                                <?php bp_nouveau_group_hook( '', 'membership_requests_admin_item' ); ?>
     36                                        </div>
     37
     38                                </div>
    2539
    2640                                <?php bp_nouveau_groups_request_buttons(); ?>

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

    r11990 r11996  
    7070
    7171                        @include font-size(12);
     72                        margin-bottom: $marg-sml;
    7273                        margin-top: $marg-sml;
    7374                }
    … …  
    189190}
    190191
    191 .friends-request-list {
     192.friends-request-list,
     193.membership-requests-list {
    192194
    193195        .item-title {
    … …  
    214216                                @include font-size(22);
    215217                                text-align: left;
     218
     219                                h3 {
     220                                        margin: 0;
     221                                }
    216222                        }
    217223                }

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

    r11994 r11996  
    926926        color: #737373;
    927927        font-size: 12px;
     928        margin-bottom: 10px;
    928929        margin-top: 10px;
    929930}
    … …  
    10241025}
    10251026
    1026 .friends-request-list .item-title {
     1027.friends-request-list .item-title,
     1028.membership-requests-list .item-title {
    10271029        text-align: center;
    10281030}
    10291031
    10301032@media screen and (min-width: 46.8em) {
    1031         .friends-request-list li {
     1033        .friends-request-list li,
     1034        .membership-requests-list li {
    10321035                display: -webkit-flex;
    10331036                display: -moz-flex;
    … …  
    10411044                flex-flow: row nowrap;
    10421045        }
    1043         .friends-request-list li .item {
     1046        .friends-request-list li .item,
     1047        .membership-requests-list li .item {
    10441048                -webkit-flex: 1 1 auto;
    10451049                -moz-flex: 1 1 auto;
    … …  
    10481052                flex: 1 1 auto;
    10491053        }
    1050         .friends-request-list li .action {
     1054        .friends-request-list li .action,
     1055        .membership-requests-list li .action {
    10511056                text-align: left;
    10521057        }
    1053         .friends-request-list li .item-title {
     1058        .friends-request-list li .item-title,
     1059        .membership-requests-list li .item-title {
    10541060                font-size: 22px;
    10551061                text-align: right;
     1062        }
     1063        .friends-request-list li .item-title h3,
     1064        .membership-requests-list li .item-title h3 {
     1065                margin: 0;
    10561066        }
    10571067}

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

    r11994 r11996  
    926926        color: #737373;
    927927        font-size: 12px;
     928        margin-bottom: 10px;
    928929        margin-top: 10px;
    929930}
    … …  
    10241025}
    10251026
    1026 .friends-request-list .item-title {
     1027.friends-request-list .item-title,
     1028.membership-requests-list .item-title {
    10271029        text-align: center;
    10281030}
    10291031
    10301032@media screen and (min-width: 46.8em) {
    1031         .friends-request-list li {
     1033        .friends-request-list li,
     1034        .membership-requests-list li {
    10321035                display: -webkit-flex;
    10331036                display: -moz-flex;
    … …  
    10411044                flex-flow: row nowrap;
    10421045        }
    1043         .friends-request-list li .item {
     1046        .friends-request-list li .item,
     1047        .membership-requests-list li .item {
    10441048                -webkit-flex: 1 1 auto;
    10451049                -moz-flex: 1 1 auto;
    … …  
    10481052                flex: 1 1 auto;
    10491053        }
    1050         .friends-request-list li .action {
     1054        .friends-request-list li .action,
     1055        .membership-requests-list li .action {
    10511056                text-align: right;
    10521057        }
    1053         .friends-request-list li .item-title {
     1058        .friends-request-list li .item-title,
     1059        .membership-requests-list li .item-title {
    10541060                font-size: 22px;
    10551061                text-align: left;
     1062        }
     1063        .friends-request-list li .item-title h3,
     1064        .membership-requests-list li .item-title h3 {
     1065                margin: 0;
    10561066        }
    10571067}

  • trunk/src/bp-templates/bp-nouveau/includes/groups/template-tags.php

    r11989 r11996  
    748748                                'parent_attr'       => array(
    749749                                        'id'    => '',
    750                                         'class' => $parent_class . ' ' . 'accept',
     750                                        'class' => $parent_class,
    751751                                ),
    752752                                'button_attr'       => array(
    753753                                        'id'    => '',
    754                                         'class' => 'button',
     754                                        'class' => 'button accept',
    755755                                        'rel'   => '',
    756756                                ),
    … …  
    774774                                'parent_attr'       => array(
    775775                                        'id'    => '',
    776                                         'class' => $parent_class . ' ' . 'reject',
     776                                        'class' => $parent_class,
    777777                                ),
    778778                                'button_attr'       => array(
    779779                                        'id'    => '',
    780                                         'class' => 'button',
     780                                        'class' => 'button reject',
    781781                                        'rel'   => '',
    782782                                ),
Note: See TracChangeset for help on using the changeset viewer.