Skip to:
Content

BuddyPress.org

Changeset 11996


Ignore:
Timestamp:
04/27/2018 10:51:25 AM (6 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.