Skip to:
Content

BuddyPress.org

Changeset 12171


Ignore:
Timestamp:
06/16/2018 09:20:13 AM (6 years ago)
Author:
djpaul
Message:

Templates, Nouveau: fix widget responsiveness.

Fixes #7828

Props mercime

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

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp_generic_and_typography.scss

    r12082 r12171  
    11// BP Generic elements, Typography and Images.
    2 // @version 3.0.0
     2// @version 4.0.0
    33
    44// ========= Generic Sitewide elements ========
     
    2020
    2121            blockquote {
    22                 margin-left: $marg-sml;
     22                margin-left: 0;
    2323            }
    2424        }
  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp_tooltips.scss

    r12082 r12171  
    11// BuddyPress Tooltips
    2 // @version 3.0.0
     2// @version 4.0.0
    33
    44[data-bp-tooltip] {
     
    8888.activity-list .bp-tooltip,
    8989.activity-meta-action .bp-tooltip,
     90.avatar-block .item-avatar .bp-tooltip,
    9091.notification-actions .bp-tooltip,
    9192.participants-list .bp-tooltip {
  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp_widgets.scss

    r12082 r12171  
    11// BP Widgets
    2 // @version 3.0.0
     2// @version 4.0.0
    33
    44.buddypress.widget {
     
    66    .item-options {
    77
    8         @include font-size(14);
     8        @include font-size(12);
     9
     10        margin: 0 0 1em;
     11        padding: 1em 0;
     12    }
     13
     14    .bp-login-widget-user-avatar {
     15        float: left;
     16    }
     17
     18    .bp-login-widget-user-links {
     19        margin-left: 70px;
    920    }
    1021
    1122    ul.item-list {
    12 
    13         @include flex-box-dir($flex-dir: column);
    14 
    15         @include medium-small-up() {
    16 
    17             @include flex-box-dir($flex-dir: row, $flex-wrap: wrap);
    18         }
    19 
    2023        list-style: none;
    21         margin: $marg-sml -2%;
    22         overflow: hidden;
    23 
    24         li {
    25             border: 1px solid $bp-border-color;
    26 
    27             @include flex-align();
    28             @include box-item-size($grow: 1, $basis: 46%);
    29 
    30             @include large-up() {
    31 
    32                 @include box-item-size($grow: 0, $basis: 20%);
    33             }
    34 
    35             margin: 2%;
    36 
    37             .item-avatar {
    38                 padding: $pad-sml;
    39                 text-align: center;
    40 
    41                 .avatar {
    42                     width: 60%;
    43                 }
    44             }
    45 
    46             .item {
    47                 padding: 0 $pad-sml $pad-sml;
    48 
    49 
    50                 .item-meta {
    51 
    52                     @include font-size(12);
    53                     overflow-wrap: break-word;
    54                 }
    55             }
    56         } // close li
     24        margin: $marg-sml 0;
    5725    }
    5826
    59     .activity-list {
     27    ul.activity-list {
     28
    6029        padding: 0;
    6130
     
    6938            margin-bottom: 0.5em;
    7039        }
     40
     41        li {
     42            border-bottom: 1px solid $primary-grey;
     43            margin-bottom: 1em;
     44
     45            .activity-header p {
     46                margin-bottom: 0.5em;
     47            }
     48
     49            &:last-child {
     50                border-bottom: 0;
     51            }
     52        }
    7153    }
    7254
     
    7658
    7759        img {
     60            margin: 0.5em;
     61        }
     62    }
     63
     64    ul#friends-list,
     65    ul#groups-list,
     66    ul#members-list {
     67
     68        @include clearfix-element("li");
     69
     70        li {
     71
    7872            margin-bottom: 1em;
    79             margin-right: 1em;
     73
     74            .item-avatar {
     75                float: left;
     76                width: 60px;
     77            }
     78
     79            .item {
     80                margin-left: 70px;
     81            }
    8082        }
    8183    }
    8284}
    8385
     86// BP Widgets in Main content area.
     87// User's and Group's widgetized default home pages.
    8488
    85 // Are we in a main site sidebar?
    86 // while hard to tell width assume that
    87 // at large width it's narrow &
    88 // adjust the li widths & margins to %
    89 // & flex basis to auto for large up.
    90 // @todo this may need reviewing & adjusting.
    91 
    92 // WP default themes use the class '.widget-area'
    93 // as a naming convention for the main sidebar
    94 // this is the best we can know & style on this class
    95 .widget-area {
     89.buddypress-wrap {
    9690
    9791    .buddypress.widget {
    9892
    99         ul.item-list {
     93        ul#friends-list,
     94        ul#groups-list,
     95        ul#members-list {
     96
     97            @include flex-box-dir($flex-dir: column);
     98
     99            @include medium-small-up() {
     100
     101                @include flex-box-dir($flex-dir: row, $flex-wrap: wrap);
     102            }
     103
    100104
    101105            li {
     106                border: 1px solid $bp-border-color;
    102107
    103                 @include box-item-size($grow: 0, $basis: 46%);
    104                 margin: 2% 2% 10px;
     108                @include flex-align();
     109                @include box-item-size($grow: 1, $basis: 46%);
    105110
    106                 @include large-up {
     111                @include large-up() {
    107112
    108                     .avatar {
    109                         width: 100%;
     113                    @include box-item-size($grow: 0, $basis: 20%);
     114                }
     115
     116                margin: 2%;
     117
     118                .item-avatar {
     119                    padding: $pad-sml;
     120                    text-align: center;
     121                }
     122
     123                .item {
     124                    padding: $pad-sml;
     125
     126
     127                    .item-meta {
     128
     129                        @include font-size(12);
     130                        overflow-wrap: break-word;
    110131                    }
    111132                }
    112             }
    113         }
     133            } // close li
    114134
    115         @include large-up() {
     135            @include large-up() {
    116136
    117             ul.item-list {
    118137                margin: $marg-sml -2%;
    119138                width: 100%;
     
    127146            }
    128147        }
     148
     149        blockquote {
     150            margin: 0 0 1.5em;
     151            overflow: visible;
     152            padding: 0 0 0.75em 0.75em;
     153        }
    129154    }
    130155}
  • trunk/src/bp-templates/bp-nouveau/css/buddypress-rtl.css

    r12136 r12171  
    22Hello, this is the BuddyPress Nouveau stylesheet.
    33
    4 @version 3.0.0
     4@version 4.0.0
    55
    66----------------------------------------------------------------
     
    6363body #buddypress #item-body blockquote,
    6464body #buddypress .bp-lists blockquote {
    65     margin-right: 10px;
     65    margin-right: 0;
    6666}
    6767
     
    43874387
    43884388.buddypress.widget .item-options {
    4389     font-size: 14px;
     4389    font-size: 12px;
     4390    margin: 0 0 1em;
     4391    padding: 1em 0;
     4392}
     4393
     4394.buddypress.widget .bp-login-widget-user-avatar {
     4395    float: right;
     4396}
     4397
     4398.buddypress.widget .bp-login-widget-user-links {
     4399    margin-right: 70px;
    43904400}
    43914401
    43924402.buddypress.widget ul.item-list {
    4393     display: -moz-flex;
    4394     display: -ms-flex;
    4395     display: -o-flex;
    4396     display: flex;
    4397     -o-flex-flow: column nowrap;
    4398     flex-flow: column nowrap;
    43994403    list-style: none;
    4400     margin: 10px -2%;
    4401     overflow: hidden;
    4402 }
    4403 
    4404 @media screen and (min-width: 32em) {
    4405     .buddypress.widget ul.item-list {
    4406         display: -moz-flex;
    4407         display: -ms-flex;
    4408         display: -o-flex;
    4409         display: flex;
    4410         -o-flex-flow: row wrap;
    4411         flex-flow: row wrap;
    4412     }
    4413 }
    4414 
    4415 .buddypress.widget ul.item-list li {
    4416     border: 1px solid #eee;
    4417     align-items: stretch;
    4418     -moz-flex: 1 1 46%;
    4419     -o-flex: 1 1 46%;
    4420     flex: 1 1 46%;
    4421     margin: 2%;
    4422 }
    4423 
    4424 @media screen and (min-width: 75em) {
    4425     .buddypress.widget ul.item-list li {
    4426         -moz-flex: 0 1 20%;
    4427         -o-flex: 0 1 20%;
    4428         flex: 0 1 20%;
    4429     }
    4430 }
    4431 
    4432 .buddypress.widget ul.item-list li .item-avatar {
    4433     padding: 0.5em;
    4434     text-align: center;
    4435 }
    4436 
    4437 .buddypress.widget ul.item-list li .item-avatar .avatar {
    4438     width: 60%;
    4439 }
    4440 
    4441 .buddypress.widget ul.item-list li .item {
    4442     padding: 0 0.5em 0.5em;
    4443 }
    4444 
    4445 .buddypress.widget ul.item-list li .item .item-meta {
    4446     font-size: 12px;
    4447     overflow-wrap: break-word;
    4448 }
    4449 
    4450 .buddypress.widget .activity-list {
     4404    margin: 10px 0;
     4405}
     4406
     4407.buddypress.widget ul.activity-list {
    44514408    padding: 0;
    44524409}
    44534410
    4454 .buddypress.widget .activity-list blockquote {
     4411.buddypress.widget ul.activity-list blockquote {
    44554412    margin: 0 0 1.5em;
    44564413    overflow: visible;
     
    44584415}
    44594416
    4460 .buddypress.widget .activity-list img {
     4417.buddypress.widget ul.activity-list img {
    44614418    margin-bottom: 0.5em;
     4419}
     4420
     4421.buddypress.widget ul.activity-list li {
     4422    border-bottom: 1px solid #ccc;
     4423    margin-bottom: 1em;
     4424}
     4425
     4426.buddypress.widget ul.activity-list li .activity-header p {
     4427    margin-bottom: 0.5em;
     4428}
     4429
     4430.buddypress.widget ul.activity-list li:last-child {
     4431    border-bottom: 0;
    44624432}
    44634433
     
    44724442
    44734443.buddypress.widget .avatar-block img {
     4444    margin: 0.5em;
     4445}
     4446
     4447.buddypress.widget ul#friends-list li:before,
     4448.buddypress.widget ul#friends-list li:after,
     4449.buddypress.widget ul#groups-list li:before,
     4450.buddypress.widget ul#groups-list li:after,
     4451.buddypress.widget ul#members-list li:before,
     4452.buddypress.widget ul#members-list li:after {
     4453    content: " ";
     4454    display: table;
     4455}
     4456
     4457.buddypress.widget ul#friends-list li:after,
     4458.buddypress.widget ul#groups-list li:after,
     4459.buddypress.widget ul#members-list li:after {
     4460    clear: both;
     4461}
     4462
     4463.buddypress.widget ul#friends-list li,
     4464.buddypress.widget ul#groups-list li,
     4465.buddypress.widget ul#members-list li {
    44744466    margin-bottom: 1em;
    4475     margin-left: 1em;
    4476 }
    4477 
    4478 .widget-area .buddypress.widget ul.item-list li {
    4479     -moz-flex: 0 1 46%;
    4480     -o-flex: 0 1 46%;
    4481     flex: 0 1 46%;
    4482     margin: 2% 2% 10px;
     4467}
     4468
     4469.buddypress.widget ul#friends-list li .item-avatar,
     4470.buddypress.widget ul#groups-list li .item-avatar,
     4471.buddypress.widget ul#members-list li .item-avatar {
     4472    float: right;
     4473    width: 60px;
     4474}
     4475
     4476.buddypress.widget ul#friends-list li .item,
     4477.buddypress.widget ul#groups-list li .item,
     4478.buddypress.widget ul#members-list li .item {
     4479    margin-right: 70px;
     4480}
     4481
     4482.buddypress-wrap .buddypress.widget ul#friends-list,
     4483.buddypress-wrap .buddypress.widget ul#groups-list,
     4484.buddypress-wrap .buddypress.widget ul#members-list {
     4485    display: -moz-flex;
     4486    display: -ms-flex;
     4487    display: -o-flex;
     4488    display: flex;
     4489    -o-flex-flow: column nowrap;
     4490    flex-flow: column nowrap;
     4491}
     4492
     4493@media screen and (min-width: 32em) {
     4494    .buddypress-wrap .buddypress.widget ul#friends-list,
     4495    .buddypress-wrap .buddypress.widget ul#groups-list,
     4496    .buddypress-wrap .buddypress.widget ul#members-list {
     4497        display: -moz-flex;
     4498        display: -ms-flex;
     4499        display: -o-flex;
     4500        display: flex;
     4501        -o-flex-flow: row wrap;
     4502        flex-flow: row wrap;
     4503    }
     4504}
     4505
     4506.buddypress-wrap .buddypress.widget ul#friends-list li,
     4507.buddypress-wrap .buddypress.widget ul#groups-list li,
     4508.buddypress-wrap .buddypress.widget ul#members-list li {
     4509    border: 1px solid #eee;
     4510    align-items: stretch;
     4511    -moz-flex: 1 1 46%;
     4512    -o-flex: 1 1 46%;
     4513    flex: 1 1 46%;
     4514    margin: 2%;
    44834515}
    44844516
    44854517@media screen and (min-width: 75em) {
    4486     .widget-area .buddypress.widget ul.item-list li .avatar {
    4487         width: 100%;
    4488     }
     4518    .buddypress-wrap .buddypress.widget ul#friends-list li,
     4519    .buddypress-wrap .buddypress.widget ul#groups-list li,
     4520    .buddypress-wrap .buddypress.widget ul#members-list li {
     4521        -moz-flex: 0 1 20%;
     4522        -o-flex: 0 1 20%;
     4523        flex: 0 1 20%;
     4524    }
     4525}
     4526
     4527.buddypress-wrap .buddypress.widget ul#friends-list li .item-avatar,
     4528.buddypress-wrap .buddypress.widget ul#groups-list li .item-avatar,
     4529.buddypress-wrap .buddypress.widget ul#members-list li .item-avatar {
     4530    padding: 0.5em;
     4531    text-align: center;
     4532}
     4533
     4534.buddypress-wrap .buddypress.widget ul#friends-list li .item,
     4535.buddypress-wrap .buddypress.widget ul#groups-list li .item,
     4536.buddypress-wrap .buddypress.widget ul#members-list li .item {
     4537    padding: 0.5em;
     4538}
     4539
     4540.buddypress-wrap .buddypress.widget ul#friends-list li .item .item-meta,
     4541.buddypress-wrap .buddypress.widget ul#groups-list li .item .item-meta,
     4542.buddypress-wrap .buddypress.widget ul#members-list li .item .item-meta {
     4543    font-size: 12px;
     4544    overflow-wrap: break-word;
    44894545}
    44904546
    44914547@media screen and (min-width: 75em) {
    4492     .widget-area .buddypress.widget ul.item-list {
     4548    .buddypress-wrap .buddypress.widget ul#friends-list,
     4549    .buddypress-wrap .buddypress.widget ul#groups-list,
     4550    .buddypress-wrap .buddypress.widget ul#members-list {
    44934551        margin: 10px -2%;
    44944552        width: 100%;
    44954553    }
    4496     .widget-area .buddypress.widget ul.item-list li {
     4554    .buddypress-wrap .buddypress.widget ul#friends-list li,
     4555    .buddypress-wrap .buddypress.widget ul#groups-list li,
     4556    .buddypress-wrap .buddypress.widget ul#members-list li {
    44974557        -moz-flex: 0 1 auto;
    44984558        -o-flex: 0 1 auto;
     
    45014561        width: 46%;
    45024562    }
     4563}
     4564
     4565.buddypress-wrap .buddypress.widget blockquote {
     4566    margin: 0 0 1.5em;
     4567    overflow: visible;
     4568    padding: 0 0.75em 0.75em 0;
    45034569}
    45044570
     
    46074673.activity-list .bp-tooltip:after,
    46084674.activity-meta-action .bp-tooltip:after,
     4675.avatar-block .item-avatar .bp-tooltip:after,
    46094676.notification-actions .bp-tooltip:after,
    46104677.participants-list .bp-tooltip:after {
  • trunk/src/bp-templates/bp-nouveau/css/buddypress.css

    r12136 r12171  
    22Hello, this is the BuddyPress Nouveau stylesheet.
    33
    4 @version 3.0.0
     4@version 4.0.0
    55
    66----------------------------------------------------------------
     
    6363body #buddypress #item-body blockquote,
    6464body #buddypress .bp-lists blockquote {
    65     margin-left: 10px;
     65    margin-left: 0;
    6666}
    6767
     
    43874387
    43884388.buddypress.widget .item-options {
    4389     font-size: 14px;
     4389    font-size: 12px;
     4390    margin: 0 0 1em;
     4391    padding: 1em 0;
     4392}
     4393
     4394.buddypress.widget .bp-login-widget-user-avatar {
     4395    float: left;
     4396}
     4397
     4398.buddypress.widget .bp-login-widget-user-links {
     4399    margin-left: 70px;
    43904400}
    43914401
    43924402.buddypress.widget ul.item-list {
    4393     display: -moz-flex;
    4394     display: -ms-flex;
    4395     display: -o-flex;
    4396     display: flex;
    4397     -o-flex-flow: column nowrap;
    4398     flex-flow: column nowrap;
    43994403    list-style: none;
    4400     margin: 10px -2%;
    4401     overflow: hidden;
    4402 }
    4403 
    4404 @media screen and (min-width: 32em) {
    4405     .buddypress.widget ul.item-list {
    4406         display: -moz-flex;
    4407         display: -ms-flex;
    4408         display: -o-flex;
    4409         display: flex;
    4410         -o-flex-flow: row wrap;
    4411         flex-flow: row wrap;
    4412     }
    4413 }
    4414 
    4415 .buddypress.widget ul.item-list li {
    4416     border: 1px solid #eee;
    4417     align-items: stretch;
    4418     -moz-flex: 1 1 46%;
    4419     -o-flex: 1 1 46%;
    4420     flex: 1 1 46%;
    4421     margin: 2%;
    4422 }
    4423 
    4424 @media screen and (min-width: 75em) {
    4425     .buddypress.widget ul.item-list li {
    4426         -moz-flex: 0 1 20%;
    4427         -o-flex: 0 1 20%;
    4428         flex: 0 1 20%;
    4429     }
    4430 }
    4431 
    4432 .buddypress.widget ul.item-list li .item-avatar {
    4433     padding: 0.5em;
    4434     text-align: center;
    4435 }
    4436 
    4437 .buddypress.widget ul.item-list li .item-avatar .avatar {
    4438     width: 60%;
    4439 }
    4440 
    4441 .buddypress.widget ul.item-list li .item {
    4442     padding: 0 0.5em 0.5em;
    4443 }
    4444 
    4445 .buddypress.widget ul.item-list li .item .item-meta {
    4446     font-size: 12px;
    4447     overflow-wrap: break-word;
    4448 }
    4449 
    4450 .buddypress.widget .activity-list {
     4404    margin: 10px 0;
     4405}
     4406
     4407.buddypress.widget ul.activity-list {
    44514408    padding: 0;
    44524409}
    44534410
    4454 .buddypress.widget .activity-list blockquote {
     4411.buddypress.widget ul.activity-list blockquote {
    44554412    margin: 0 0 1.5em;
    44564413    overflow: visible;
     
    44584415}
    44594416
    4460 .buddypress.widget .activity-list img {
     4417.buddypress.widget ul.activity-list img {
    44614418    margin-bottom: 0.5em;
     4419}
     4420
     4421.buddypress.widget ul.activity-list li {
     4422    border-bottom: 1px solid #ccc;
     4423    margin-bottom: 1em;
     4424}
     4425
     4426.buddypress.widget ul.activity-list li .activity-header p {
     4427    margin-bottom: 0.5em;
     4428}
     4429
     4430.buddypress.widget ul.activity-list li:last-child {
     4431    border-bottom: 0;
    44624432}
    44634433
     
    44724442
    44734443.buddypress.widget .avatar-block img {
     4444    margin: 0.5em;
     4445}
     4446
     4447.buddypress.widget ul#friends-list li:before,
     4448.buddypress.widget ul#friends-list li:after,
     4449.buddypress.widget ul#groups-list li:before,
     4450.buddypress.widget ul#groups-list li:after,
     4451.buddypress.widget ul#members-list li:before,
     4452.buddypress.widget ul#members-list li:after {
     4453    content: " ";
     4454    display: table;
     4455}
     4456
     4457.buddypress.widget ul#friends-list li:after,
     4458.buddypress.widget ul#groups-list li:after,
     4459.buddypress.widget ul#members-list li:after {
     4460    clear: both;
     4461}
     4462
     4463.buddypress.widget ul#friends-list li,
     4464.buddypress.widget ul#groups-list li,
     4465.buddypress.widget ul#members-list li {
    44744466    margin-bottom: 1em;
    4475     margin-right: 1em;
    4476 }
    4477 
    4478 .widget-area .buddypress.widget ul.item-list li {
    4479     -moz-flex: 0 1 46%;
    4480     -o-flex: 0 1 46%;
    4481     flex: 0 1 46%;
    4482     margin: 2% 2% 10px;
     4467}
     4468
     4469.buddypress.widget ul#friends-list li .item-avatar,
     4470.buddypress.widget ul#groups-list li .item-avatar,
     4471.buddypress.widget ul#members-list li .item-avatar {
     4472    float: left;
     4473    width: 60px;
     4474}
     4475
     4476.buddypress.widget ul#friends-list li .item,
     4477.buddypress.widget ul#groups-list li .item,
     4478.buddypress.widget ul#members-list li .item {
     4479    margin-left: 70px;
     4480}
     4481
     4482.buddypress-wrap .buddypress.widget ul#friends-list,
     4483.buddypress-wrap .buddypress.widget ul#groups-list,
     4484.buddypress-wrap .buddypress.widget ul#members-list {
     4485    display: -moz-flex;
     4486    display: -ms-flex;
     4487    display: -o-flex;
     4488    display: flex;
     4489    -o-flex-flow: column nowrap;
     4490    flex-flow: column nowrap;
     4491}
     4492
     4493@media screen and (min-width: 32em) {
     4494    .buddypress-wrap .buddypress.widget ul#friends-list,
     4495    .buddypress-wrap .buddypress.widget ul#groups-list,
     4496    .buddypress-wrap .buddypress.widget ul#members-list {
     4497        display: -moz-flex;
     4498        display: -ms-flex;
     4499        display: -o-flex;
     4500        display: flex;
     4501        -o-flex-flow: row wrap;
     4502        flex-flow: row wrap;
     4503    }
     4504}
     4505
     4506.buddypress-wrap .buddypress.widget ul#friends-list li,
     4507.buddypress-wrap .buddypress.widget ul#groups-list li,
     4508.buddypress-wrap .buddypress.widget ul#members-list li {
     4509    border: 1px solid #eee;
     4510    align-items: stretch;
     4511    -moz-flex: 1 1 46%;
     4512    -o-flex: 1 1 46%;
     4513    flex: 1 1 46%;
     4514    margin: 2%;
    44834515}
    44844516
    44854517@media screen and (min-width: 75em) {
    4486     .widget-area .buddypress.widget ul.item-list li .avatar {
    4487         width: 100%;
    4488     }
     4518    .buddypress-wrap .buddypress.widget ul#friends-list li,
     4519    .buddypress-wrap .buddypress.widget ul#groups-list li,
     4520    .buddypress-wrap .buddypress.widget ul#members-list li {
     4521        -moz-flex: 0 1 20%;
     4522        -o-flex: 0 1 20%;
     4523        flex: 0 1 20%;
     4524    }
     4525}
     4526
     4527.buddypress-wrap .buddypress.widget ul#friends-list li .item-avatar,
     4528.buddypress-wrap .buddypress.widget ul#groups-list li .item-avatar,
     4529.buddypress-wrap .buddypress.widget ul#members-list li .item-avatar {
     4530    padding: 0.5em;
     4531    text-align: center;
     4532}
     4533
     4534.buddypress-wrap .buddypress.widget ul#friends-list li .item,
     4535.buddypress-wrap .buddypress.widget ul#groups-list li .item,
     4536.buddypress-wrap .buddypress.widget ul#members-list li .item {
     4537    padding: 0.5em;
     4538}
     4539
     4540.buddypress-wrap .buddypress.widget ul#friends-list li .item .item-meta,
     4541.buddypress-wrap .buddypress.widget ul#groups-list li .item .item-meta,
     4542.buddypress-wrap .buddypress.widget ul#members-list li .item .item-meta {
     4543    font-size: 12px;
     4544    overflow-wrap: break-word;
    44894545}
    44904546
    44914547@media screen and (min-width: 75em) {
    4492     .widget-area .buddypress.widget ul.item-list {
     4548    .buddypress-wrap .buddypress.widget ul#friends-list,
     4549    .buddypress-wrap .buddypress.widget ul#groups-list,
     4550    .buddypress-wrap .buddypress.widget ul#members-list {
    44934551        margin: 10px -2%;
    44944552        width: 100%;
    44954553    }
    4496     .widget-area .buddypress.widget ul.item-list li {
     4554    .buddypress-wrap .buddypress.widget ul#friends-list li,
     4555    .buddypress-wrap .buddypress.widget ul#groups-list li,
     4556    .buddypress-wrap .buddypress.widget ul#members-list li {
    44974557        -moz-flex: 0 1 auto;
    44984558        -o-flex: 0 1 auto;
     
    45014561        width: 46%;
    45024562    }
     4563}
     4564
     4565.buddypress-wrap .buddypress.widget blockquote {
     4566    margin: 0 0 1.5em;
     4567    overflow: visible;
     4568    padding: 0 0 0.75em 0.75em;
    45034569}
    45044570
     
    46074673.activity-list .bp-tooltip:after,
    46084674.activity-meta-action .bp-tooltip:after,
     4675.avatar-block .item-avatar .bp-tooltip:after,
    46094676.notification-actions .bp-tooltip:after,
    46104677.participants-list .bp-tooltip:after {
Note: See TracChangeset for help on using the changeset viewer.