Skip to:
Content

BuddyPress.org

Changeset 12080


Ignore:
Timestamp:
05/10/2018 07:28:05 PM (17 months ago)
Author:
djpaul
Message:

Templates, Nouveau: fix group invites subnav to horizontal when group nav is set to vertical in customizer.

Fixes #7794

Props mercime

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

Legend:

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

    r11952 r12080  
    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
  • trunk/src/bp-templates/bp-nouveau/css/buddypress-rtl.css

    r12074 r12080  
    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*----------------------------------------------------------
     
    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;
     
    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;
  • trunk/src/bp-templates/bp-nouveau/css/buddypress.css

    r12074 r12080  
    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*----------------------------------------------------------
     
    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;
     
    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;
  • trunk/src/bp-templates/bp-nouveau/sass/_nouveau_invites.scss

    r12074 r12080  
    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                 }
    171             }
    172 
    173             .group-invites-column {
    174                 -ms-grid-row: 1;
    175                 -ms-grid-column: 2;
    176                 grid-area: group-invites-column;
     166            li {
     167                display: block;
     168                float: none;
    177169            }
    178170        }
     171
     172        .group-invites-column {
     173            -ms-grid-row: 1;
     174            -ms-grid-column: 2;
     175            grid-area: group-invites-column;
     176        }
    179177    }
    180 
    181178}
    182179
Note: See TracChangeset for help on using the changeset viewer.