Skip to:
Content

BuddyPress.org

Ticket #7794: 7794-group-invite-with-vertnav.patch

File 7794-group-invite-with-vertnav.patch, 5.0 KB (added by mercime, 17 months ago)
  • src/bp-templates/bp-nouveau/common-styles/_bp_filters.scss

     
    189189                }
    190190        }
    191191
     192        .group-subnav-filters {
     193
     194                .group-invites-search {
     195                        margin-bottom: 1em;
     196                }
     197
     198                .last {
     199                        text-align: center;
     200                }
     201        }
     202
    192203} // close .buddypress-wrap
  • src/bp-templates/bp-nouveau/css/buddypress-rtl.css

     
    799799        line-height: 1.6;
    800800}
    801801
     802.buddypress-wrap .group-subnav-filters .group-invites-search {
     803        margin-bottom: 1em;
     804}
     805
     806.buddypress-wrap .group-subnav-filters .last {
     807        text-align: center;
     808}
     809
    802810/**
    803811*----------------------------------------------------------
    804812* @section 2.2 - Pagination
     
    26482656        }
    26492657}
    26502658
    2651 @media screen and (min-width: 37.5em) {
    2652         .buddypress-wrap #group-invites-container {
     2659@media screen and (min-width: 46.8em) {
     2660        :not(.vertical) + .item-body #group-invites-container {
    26532661                display: -ms-grid;
    26542662                display: grid;
    26552663                -ms-grid-columns: 25% auto;
     
    26562664                grid-template-columns: 25% auto;
    26572665                grid-template-areas: "group-invites-nav group-invites-column";
    26582666        }
    2659         .buddypress-wrap #group-invites-container .bp-invites-nav {
     2667        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav {
    26602668                -ms-grid-row: 1;
    26612669                -ms-grid-column: 1;
    26622670                grid-area: group-invites-nav;
    26632671        }
    2664         .buddypress-wrap #group-invites-container .bp-invites-nav li {
     2672        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav li {
    26652673                display: block;
    26662674                float: none;
    26672675        }
    2668         .buddypress-wrap #group-invites-container .group-invites-column {
     2676        :not(.vertical) + .item-body #group-invites-container .group-invites-column {
    26692677                -ms-grid-row: 1;
    26702678                -ms-grid-column: 2;
    26712679                grid-area: group-invites-column;
  • src/bp-templates/bp-nouveau/css/buddypress.css

     
    799799        line-height: 1.6;
    800800}
    801801
     802.buddypress-wrap .group-subnav-filters .group-invites-search {
     803        margin-bottom: 1em;
     804}
     805
     806.buddypress-wrap .group-subnav-filters .last {
     807        text-align: center;
     808}
     809
    802810/**
    803811*----------------------------------------------------------
    804812* @section 2.2 - Pagination
     
    26482656        }
    26492657}
    26502658
    2651 @media screen and (min-width: 37.5em) {
    2652         .buddypress-wrap #group-invites-container {
     2659@media screen and (min-width: 46.8em) {
     2660        :not(.vertical) + .item-body #group-invites-container {
    26532661                display: -ms-grid;
    26542662                display: grid;
    26552663                -ms-grid-columns: 25% auto;
     
    26562664                grid-template-columns: 25% auto;
    26572665                grid-template-areas: "group-invites-nav group-invites-column";
    26582666        }
    2659         .buddypress-wrap #group-invites-container .bp-invites-nav {
     2667        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav {
    26602668                -ms-grid-row: 1;
    26612669                -ms-grid-column: 1;
    26622670                grid-area: group-invites-nav;
    26632671        }
    2664         .buddypress-wrap #group-invites-container .bp-invites-nav li {
     2672        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav li {
    26652673                display: block;
    26662674                float: none;
    26672675        }
    2668         .buddypress-wrap #group-invites-container .group-invites-column {
     2676        :not(.vertical) + .item-body #group-invites-container .group-invites-column {
    26692677                -ms-grid-row: 1;
    26702678                -ms-grid-column: 2;
    26712679                grid-area: group-invites-column;
  • src/bp-templates/bp-nouveau/sass/_nouveau_invites.scss

     
    148148        } // close bp-invites-content
    149149}
    150150
    151 @media screen and (min-width: 37.5em) {
     151@include medium-up() {
    152152
    153         .buddypress-wrap {
     153        :not(.vertical) + .item-body #group-invites-container {
    154154
    155                 #group-invites-container {
    156                         display: -ms-grid;
    157                         display: grid;
    158                         -ms-grid-columns: 25% auto;
    159                         grid-template-columns: 25% auto;
    160                         grid-template-areas: "group-invites-nav group-invites-column";
     155                display: -ms-grid;
     156                display: grid;
     157                -ms-grid-columns: 25% auto;
     158                grid-template-columns: 25% auto;
     159                grid-template-areas: "group-invites-nav group-invites-column";
    161160
    162                         .bp-invites-nav {
    163                                 -ms-grid-row: 1;
    164                                 -ms-grid-column: 1;
    165                                 grid-area: group-invites-nav;
     161                .bp-invites-nav {
     162                        -ms-grid-row: 1;
     163                        -ms-grid-column: 1;
     164                        grid-area: group-invites-nav;
    166165
    167                                 li {
    168                                         display: block;
    169                                         float: none;
    170                                 }
     166                        li {
     167                                display: block;
     168                                float: none;
    171169                        }
     170                }
    172171
    173                         .group-invites-column {
    174                                 -ms-grid-row: 1;
    175                                 -ms-grid-column: 2;
    176                                 grid-area: group-invites-column;
    177                         }
     172                .group-invites-column {
     173                        -ms-grid-row: 1;
     174                        -ms-grid-column: 2;
     175                        grid-area: group-invites-column;
    178176                }
    179177        }
    180 
    181178}
    182179