Skip to:
Content

BuddyPress.org

Ticket #7828: 7828.patch

File 7828.patch, 18.7 KB (added by mercime, 8 years ago)

  • src/bp-templates/bp-nouveau/common-styles/_bp_generic_and_typography.scss

     
    1919                .bp-lists {
    2020
    2121                        blockquote {
    22                                 margin-left: $marg-sml;
     22                                margin-left: 0;
    2323                        }
    2424                }
    2525

  • src/bp-templates/bp-nouveau/common-styles/_bp_tooltips.scss

     
    8787
    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 {
    9293

  • src/bp-templates/bp-nouveau/common-styles/_bp_widgets.scss

     
    55
    66        .item-options {
    77
    8                 @include font-size(14);
     8                @include font-size(12);
     9
     10                margin: 0 0 1em;
     11                padding: 1em 0;
    912        }
    1013
    11         ul.item-list {
     14        .bp-login-widget-user-avatar {
     15                float: left;
     16        }
    1217
    13                 @include flex-box-dir($flex-dir: column);
     18        .bp-login-widget-user-links {
     19                margin-left: 70px;
     20        }
    1421
    15                 @include medium-small-up() {
    16 
    17                         @include flex-box-dir($flex-dir: row, $flex-wrap: wrap);
    18                 }
    19 
     22        ul.item-list {
    2023                list-style: none;
    21                 margin: $marg-sml -2%;
    22                 overflow: hidden;
     24                margin: $marg-sml 0;
     25        }
    2326
    24                 li {
    25                         border: 1px solid $bp-border-color;
     27        ul.activity-list {
    2628
    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
    57         }
    58 
    59         .activity-list {
    6029                padding: 0;
    6130
    6231                blockquote {
    … …  
    6837                img {
    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
    7355        .avatar-block {
    … …  
    7557                @include flex-box-dir($flex-dir: row, $flex-wrap: wrap);
    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.
     89.buddypress-wrap {
    9190
    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 {
    96 
    9791        .buddypress.widget {
    9892
    99                 ul.item-list {
     93                ul#friends-list,
     94                ul#groups-list,
     95                ul#members-list {
    10096
     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
     104
    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%;
    120139
    … …  
    126145                                }
    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}

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

     
    6262
    6363body #buddypress #item-body blockquote,
    6464body #buddypress .bp-lists blockquote {
    65         margin-right: 10px;
     65        margin-right: 0;
    6666}
    6767
    6868body #buddypress .bp-list .action {
    … …  
    44954495}
    44964496
    44974497.buddypress.widget .item-options {
    4498         font-size: 14px;
     4498        font-size: 12px;
     4499        margin: 0 0 1em;
     4500        padding: 1em 0;
    44994501}
    45004502
     4503.buddypress.widget .bp-login-widget-user-avatar {
     4504        float: right;
     4505}
     4506
     4507.buddypress.widget .bp-login-widget-user-links {
     4508        margin-right: 70px;
     4509}
     4510
    45014511.buddypress.widget ul.item-list {
     4512        list-style: none;
     4513        margin: 10px 0;
     4514}
     4515
     4516.buddypress.widget ul.activity-list {
     4517        padding: 0;
     4518}
     4519
     4520.buddypress.widget ul.activity-list blockquote {
     4521        margin: 0 0 1.5em;
     4522        overflow: visible;
     4523        padding: 0 0.75em 0.75em 0;
     4524}
     4525
     4526.buddypress.widget ul.activity-list img {
     4527        margin-bottom: 0.5em;
     4528}
     4529
     4530.buddypress.widget ul.activity-list li {
     4531        border-bottom: 1px solid #ccc;
     4532        margin-bottom: 1em;
     4533}
     4534
     4535.buddypress.widget ul.activity-list li .activity-header p {
     4536        margin-bottom: 0.5em;
     4537}
     4538
     4539.buddypress.widget ul.activity-list li:last-child {
     4540        border-bottom: 0;
     4541}
     4542
     4543.buddypress.widget .avatar-block {
    45024544        display: -webkit-flex;
    45034545        display: -moz-flex;
    45044546        display: -ms-flex;
    45054547        display: -o-flex;
    45064548        display: flex;
     4549        -webkit-flex-flow: row wrap;
     4550        -moz-flex-flow: row wrap;
     4551        -ms-flex-flow: row wrap;
     4552        -o-flex-flow: row wrap;
     4553        flex-flow: row wrap;
     4554}
     4555
     4556.buddypress.widget .avatar-block img {
     4557        margin: 0.5em;
     4558}
     4559
     4560.buddypress.widget ul#friends-list li:before,
     4561.buddypress.widget ul#friends-list li:after,
     4562.buddypress.widget ul#groups-list li:before,
     4563.buddypress.widget ul#groups-list li:after,
     4564.buddypress.widget ul#members-list li:before,
     4565.buddypress.widget ul#members-list li:after {
     4566        content: " ";
     4567        display: table;
     4568}
     4569
     4570.buddypress.widget ul#friends-list li:after,
     4571.buddypress.widget ul#groups-list li:after,
     4572.buddypress.widget ul#members-list li:after {
     4573        clear: both;
     4574}
     4575
     4576.buddypress.widget ul#friends-list li,
     4577.buddypress.widget ul#groups-list li,
     4578.buddypress.widget ul#members-list li {
     4579        margin-bottom: 1em;
     4580}
     4581
     4582.buddypress.widget ul#friends-list li .item-avatar,
     4583.buddypress.widget ul#groups-list li .item-avatar,
     4584.buddypress.widget ul#members-list li .item-avatar {
     4585        float: right;
     4586        width: 60px;
     4587}
     4588
     4589.buddypress.widget ul#friends-list li .item,
     4590.buddypress.widget ul#groups-list li .item,
     4591.buddypress.widget ul#members-list li .item {
     4592        margin-right: 70px;
     4593}
     4594
     4595.buddypress-wrap .buddypress.widget ul#friends-list,
     4596.buddypress-wrap .buddypress.widget ul#groups-list,
     4597.buddypress-wrap .buddypress.widget ul#members-list {
     4598        display: -webkit-flex;
     4599        display: -moz-flex;
     4600        display: -ms-flex;
     4601        display: -o-flex;
     4602        display: flex;
    45074603        -webkit-flex-flow: column nowrap;
    45084604        -moz-flex-flow: column nowrap;
    45094605        -ms-flex-flow: column nowrap;
    45104606        -o-flex-flow: column nowrap;
    45114607        flex-flow: column nowrap;
    4512         list-style: none;
    4513         margin: 10px -2%;
    4514         overflow: hidden;
    45154608}
    45164609
    45174610@media screen and (min-width: 32em) {
    4518         .buddypress.widget ul.item-list {
     4611        .buddypress-wrap .buddypress.widget ul#friends-list,
     4612        .buddypress-wrap .buddypress.widget ul#groups-list,
     4613        .buddypress-wrap .buddypress.widget ul#members-list {
    45194614                display: -webkit-flex;
    45204615                display: -moz-flex;
    45214616                display: -ms-flex;
    … …  
    45294624        }
    45304625}
    45314626
    4532 .buddypress.widget ul.item-list li {
     4627.buddypress-wrap .buddypress.widget ul#friends-list li,
     4628.buddypress-wrap .buddypress.widget ul#groups-list li,
     4629.buddypress-wrap .buddypress.widget ul#members-list li {
    45334630        border: 1px solid #eee;
    45344631        -ms-flex-align: stretch;
    45354632        -webkit-align-items: stretch;
    … …  
    45444641}
    45454642
    45464643@media screen and (min-width: 75em) {
    4547         .buddypress.widget ul.item-list li {
     4644        .buddypress-wrap .buddypress.widget ul#friends-list li,
     4645        .buddypress-wrap .buddypress.widget ul#groups-list li,
     4646        .buddypress-wrap .buddypress.widget ul#members-list li {
    45484647                -webkit-flex: 0 1 20%;
    45494648                -moz-flex: 0 1 20%;
    45504649                -ms-flex: 0 1 20%;
    … …  
    45534652        }
    45544653}
    45554654
    4556 .buddypress.widget ul.item-list li .item-avatar {
     4655.buddypress-wrap .buddypress.widget ul#friends-list li .item-avatar,
     4656.buddypress-wrap .buddypress.widget ul#groups-list li .item-avatar,
     4657.buddypress-wrap .buddypress.widget ul#members-list li .item-avatar {
    45574658        padding: 0.5em;
    45584659        text-align: center;
    45594660}
    45604661
    4561 .buddypress.widget ul.item-list li .item-avatar .avatar {
    4562         width: 60%;
     4662.buddypress-wrap .buddypress.widget ul#friends-list li .item,
     4663.buddypress-wrap .buddypress.widget ul#groups-list li .item,
     4664.buddypress-wrap .buddypress.widget ul#members-list li .item {
     4665        padding: 0.5em;
    45634666}
    45644667
    4565 .buddypress.widget ul.item-list li .item {
    4566         padding: 0 0.5em 0.5em;
    4567 }
    4568 
    4569 .buddypress.widget ul.item-list li .item .item-meta {
     4668.buddypress-wrap .buddypress.widget ul#friends-list li .item .item-meta,
     4669.buddypress-wrap .buddypress.widget ul#groups-list li .item .item-meta,
     4670.buddypress-wrap .buddypress.widget ul#members-list li .item .item-meta {
    45704671        font-size: 12px;
    45714672        overflow-wrap: break-word;
    45724673}
    45734674
    4574 .buddypress.widget .activity-list {
    4575         padding: 0;
    4576 }
    4577 
    4578 .buddypress.widget .activity-list blockquote {
    4579         margin: 0 0 1.5em;
    4580         overflow: visible;
    4581         padding: 0 0.75em 0.75em 0;
    4582 }
    4583 
    4584 .buddypress.widget .activity-list img {
    4585         margin-bottom: 0.5em;
    4586 }
    4587 
    4588 .buddypress.widget .avatar-block {
    4589         display: -webkit-flex;
    4590         display: -moz-flex;
    4591         display: -ms-flex;
    4592         display: -o-flex;
    4593         display: flex;
    4594         -webkit-flex-flow: row wrap;
    4595         -moz-flex-flow: row wrap;
    4596         -ms-flex-flow: row wrap;
    4597         -o-flex-flow: row wrap;
    4598         flex-flow: row wrap;
    4599 }
    4600 
    4601 .buddypress.widget .avatar-block img {
    4602         margin-bottom: 1em;
    4603         margin-left: 1em;
    4604 }
    4605 
    4606 .widget-area .buddypress.widget ul.item-list li {
    4607         -webkit-flex: 0 1 46%;
    4608         -moz-flex: 0 1 46%;
    4609         -ms-flex: 0 1 46%;
    4610         -o-flex: 0 1 46%;
    4611         flex: 0 1 46%;
    4612         margin: 2% 2% 10px;
    4613 }
    4614 
    46154675@media screen and (min-width: 75em) {
    4616         .widget-area .buddypress.widget ul.item-list li .avatar {
    4617                 width: 100%;
    4618         }
    4619 }
    4620 
    4621 @media screen and (min-width: 75em) {
    4622         .widget-area .buddypress.widget ul.item-list {
     4676        .buddypress-wrap .buddypress.widget ul#friends-list,
     4677        .buddypress-wrap .buddypress.widget ul#groups-list,
     4678        .buddypress-wrap .buddypress.widget ul#members-list {
    46234679                margin: 10px -2%;
    46244680                width: 100%;
    46254681        }
    4626         .widget-area .buddypress.widget ul.item-list li {
     4682        .buddypress-wrap .buddypress.widget ul#friends-list li,
     4683        .buddypress-wrap .buddypress.widget ul#groups-list li,
     4684        .buddypress-wrap .buddypress.widget ul#members-list li {
    46274685                -webkit-flex: 0 1 auto;
    46284686                -moz-flex: 0 1 auto;
    46294687                -ms-flex: 0 1 auto;
    … …  
    46344692        }
    46354693}
    46364694
     4695.buddypress-wrap .buddypress.widget blockquote {
     4696        margin: 0 0 1.5em;
     4697        overflow: visible;
     4698        padding: 0 0.75em 0.75em 0;
     4699}
     4700
    46374701#buddypress-wrap * {
    46384702        transition: opacity 0.1s ease-in-out 0.1s;
    46394703}
    … …  
    47784842
    47794843.activity-list .bp-tooltip:after,
    47804844.activity-meta-action .bp-tooltip:after,
     4845.avatar-block .item-avatar .bp-tooltip:after,
    47814846.notification-actions .bp-tooltip:after,
    47824847.participants-list .bp-tooltip:after {
    47834848        right: 0;

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

     
    6262
    6363body #buddypress #item-body blockquote,
    6464body #buddypress .bp-lists blockquote {
    65         margin-left: 10px;
     65        margin-left: 0;
    6666}
    6767
    6868body #buddypress .bp-list .action {
    … …  
    44954495}
    44964496
    44974497.buddypress.widget .item-options {
    4498         font-size: 14px;
     4498        font-size: 12px;
     4499        margin: 0 0 1em;
     4500        padding: 1em 0;
    44994501}
    45004502
     4503.buddypress.widget .bp-login-widget-user-avatar {
     4504        float: left;
     4505}
     4506
     4507.buddypress.widget .bp-login-widget-user-links {
     4508        margin-left: 70px;
     4509}
     4510
    45014511.buddypress.widget ul.item-list {
     4512        list-style: none;
     4513        margin: 10px 0;
     4514}
     4515
     4516.buddypress.widget ul.activity-list {
     4517        padding: 0;
     4518}
     4519
     4520.buddypress.widget ul.activity-list blockquote {
     4521        margin: 0 0 1.5em;
     4522        overflow: visible;
     4523        padding: 0 0 0.75em 0.75em;
     4524}
     4525
     4526.buddypress.widget ul.activity-list img {
     4527        margin-bottom: 0.5em;
     4528}
     4529
     4530.buddypress.widget ul.activity-list li {
     4531        border-bottom: 1px solid #ccc;
     4532        margin-bottom: 1em;
     4533}
     4534
     4535.buddypress.widget ul.activity-list li .activity-header p {
     4536        margin-bottom: 0.5em;
     4537}
     4538
     4539.buddypress.widget ul.activity-list li:last-child {
     4540        border-bottom: 0;
     4541}
     4542
     4543.buddypress.widget .avatar-block {
    45024544        display: -webkit-flex;
    45034545        display: -moz-flex;
    45044546        display: -ms-flex;
    45054547        display: -o-flex;
    45064548        display: flex;
     4549        -webkit-flex-flow: row wrap;
     4550        -moz-flex-flow: row wrap;
     4551        -ms-flex-flow: row wrap;
     4552        -o-flex-flow: row wrap;
     4553        flex-flow: row wrap;
     4554}
     4555
     4556.buddypress.widget .avatar-block img {
     4557        margin: 0.5em;
     4558}
     4559
     4560.buddypress.widget ul#friends-list li:before,
     4561.buddypress.widget ul#friends-list li:after,
     4562.buddypress.widget ul#groups-list li:before,
     4563.buddypress.widget ul#groups-list li:after,
     4564.buddypress.widget ul#members-list li:before,
     4565.buddypress.widget ul#members-list li:after {
     4566        content: " ";
     4567        display: table;
     4568}
     4569
     4570.buddypress.widget ul#friends-list li:after,
     4571.buddypress.widget ul#groups-list li:after,
     4572.buddypress.widget ul#members-list li:after {
     4573        clear: both;
     4574}
     4575
     4576.buddypress.widget ul#friends-list li,
     4577.buddypress.widget ul#groups-list li,
     4578.buddypress.widget ul#members-list li {
     4579        margin-bottom: 1em;
     4580}
     4581
     4582.buddypress.widget ul#friends-list li .item-avatar,
     4583.buddypress.widget ul#groups-list li .item-avatar,
     4584.buddypress.widget ul#members-list li .item-avatar {
     4585        float: left;
     4586        width: 60px;
     4587}
     4588
     4589.buddypress.widget ul#friends-list li .item,
     4590.buddypress.widget ul#groups-list li .item,
     4591.buddypress.widget ul#members-list li .item {
     4592        margin-left: 70px;
     4593}
     4594
     4595.buddypress-wrap .buddypress.widget ul#friends-list,
     4596.buddypress-wrap .buddypress.widget ul#groups-list,
     4597.buddypress-wrap .buddypress.widget ul#members-list {
     4598        display: -webkit-flex;
     4599        display: -moz-flex;
     4600        display: -ms-flex;
     4601        display: -o-flex;
     4602        display: flex;
    45074603        -webkit-flex-flow: column nowrap;
    45084604        -moz-flex-flow: column nowrap;
    45094605        -ms-flex-flow: column nowrap;
    45104606        -o-flex-flow: column nowrap;
    45114607        flex-flow: column nowrap;
    4512         list-style: none;
    4513         margin: 10px -2%;
    4514         overflow: hidden;
    45154608}
    45164609
    45174610@media screen and (min-width: 32em) {
    4518         .buddypress.widget ul.item-list {
     4611        .buddypress-wrap .buddypress.widget ul#friends-list,
     4612        .buddypress-wrap .buddypress.widget ul#groups-list,
     4613        .buddypress-wrap .buddypress.widget ul#members-list {
    45194614                display: -webkit-flex;
    45204615                display: -moz-flex;
    45214616                display: -ms-flex;
    … …  
    45294624        }
    45304625}
    45314626
    4532 .buddypress.widget ul.item-list li {
     4627.buddypress-wrap .buddypress.widget ul#friends-list li,
     4628.buddypress-wrap .buddypress.widget ul#groups-list li,
     4629.buddypress-wrap .buddypress.widget ul#members-list li {
    45334630        border: 1px solid #eee;
    45344631        -ms-flex-align: stretch;
    45354632        -webkit-align-items: stretch;
    … …  
    45444641}
    45454642
    45464643@media screen and (min-width: 75em) {
    4547         .buddypress.widget ul.item-list li {
     4644        .buddypress-wrap .buddypress.widget ul#friends-list li,
     4645        .buddypress-wrap .buddypress.widget ul#groups-list li,
     4646        .buddypress-wrap .buddypress.widget ul#members-list li {
    45484647                -webkit-flex: 0 1 20%;
    45494648                -moz-flex: 0 1 20%;
    45504649                -ms-flex: 0 1 20%;
    … …  
    45534652        }
    45544653}
    45554654
    4556 .buddypress.widget ul.item-list li .item-avatar {
     4655.buddypress-wrap .buddypress.widget ul#friends-list li .item-avatar,
     4656.buddypress-wrap .buddypress.widget ul#groups-list li .item-avatar,
     4657.buddypress-wrap .buddypress.widget ul#members-list li .item-avatar {
    45574658        padding: 0.5em;
    45584659        text-align: center;
    45594660}
    45604661
    4561 .buddypress.widget ul.item-list li .item-avatar .avatar {
    4562         width: 60%;
     4662.buddypress-wrap .buddypress.widget ul#friends-list li .item,
     4663.buddypress-wrap .buddypress.widget ul#groups-list li .item,
     4664.buddypress-wrap .buddypress.widget ul#members-list li .item {
     4665        padding: 0.5em;
    45634666}
    45644667
    4565 .buddypress.widget ul.item-list li .item {
    4566         padding: 0 0.5em 0.5em;
    4567 }
    4568 
    4569 .buddypress.widget ul.item-list li .item .item-meta {
     4668.buddypress-wrap .buddypress.widget ul#friends-list li .item .item-meta,
     4669.buddypress-wrap .buddypress.widget ul#groups-list li .item .item-meta,
     4670.buddypress-wrap .buddypress.widget ul#members-list li .item .item-meta {
    45704671        font-size: 12px;
    45714672        overflow-wrap: break-word;
    45724673}
    45734674
    4574 .buddypress.widget .activity-list {
    4575         padding: 0;
    4576 }
    4577 
    4578 .buddypress.widget .activity-list blockquote {
    4579         margin: 0 0 1.5em;
    4580         overflow: visible;
    4581         padding: 0 0 0.75em 0.75em;
    4582 }
    4583 
    4584 .buddypress.widget .activity-list img {
    4585         margin-bottom: 0.5em;
    4586 }
    4587 
    4588 .buddypress.widget .avatar-block {
    4589         display: -webkit-flex;
    4590         display: -moz-flex;
    4591         display: -ms-flex;
    4592         display: -o-flex;
    4593         display: flex;
    4594         -webkit-flex-flow: row wrap;
    4595         -moz-flex-flow: row wrap;
    4596         -ms-flex-flow: row wrap;
    4597         -o-flex-flow: row wrap;
    4598         flex-flow: row wrap;
    4599 }
    4600 
    4601 .buddypress.widget .avatar-block img {
    4602         margin-bottom: 1em;
    4603         margin-right: 1em;
    4604 }
    4605 
    4606 .widget-area .buddypress.widget ul.item-list li {
    4607         -webkit-flex: 0 1 46%;
    4608         -moz-flex: 0 1 46%;
    4609         -ms-flex: 0 1 46%;
    4610         -o-flex: 0 1 46%;
    4611         flex: 0 1 46%;
    4612         margin: 2% 2% 10px;
    4613 }
    4614 
    46154675@media screen and (min-width: 75em) {
    4616         .widget-area .buddypress.widget ul.item-list li .avatar {
    4617                 width: 100%;
    4618         }
    4619 }
    4620 
    4621 @media screen and (min-width: 75em) {
    4622         .widget-area .buddypress.widget ul.item-list {
     4676        .buddypress-wrap .buddypress.widget ul#friends-list,
     4677        .buddypress-wrap .buddypress.widget ul#groups-list,
     4678        .buddypress-wrap .buddypress.widget ul#members-list {
    46234679                margin: 10px -2%;
    46244680                width: 100%;
    46254681        }
    4626         .widget-area .buddypress.widget ul.item-list li {
     4682        .buddypress-wrap .buddypress.widget ul#friends-list li,
     4683        .buddypress-wrap .buddypress.widget ul#groups-list li,
     4684        .buddypress-wrap .buddypress.widget ul#members-list li {
    46274685                -webkit-flex: 0 1 auto;
    46284686                -moz-flex: 0 1 auto;
    46294687                -ms-flex: 0 1 auto;
    … …  
    46344692        }
    46354693}
    46364694
     4695.buddypress-wrap .buddypress.widget blockquote {
     4696        margin: 0 0 1.5em;
     4697        overflow: visible;
     4698        padding: 0 0 0.75em 0.75em;
     4699}
     4700
    46374701#buddypress-wrap * {
    46384702        transition: opacity 0.1s ease-in-out 0.1s;
    46394703}
    … …  
    47784842
    47794843.activity-list .bp-tooltip:after,
    47804844.activity-meta-action .bp-tooltip:after,
     4845.avatar-block .item-avatar .bp-tooltip:after,
    47814846.notification-actions .bp-tooltip:after,
    47824847.participants-list .bp-tooltip:after {
    47834848        left: 0;