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

src/bp-templates/bp-nouveau/common-styles/_bp_filters.scss

@@ -189 +189 @@
                 }
         }
 
+        .group-subnav-filters {
+
+                .group-invites-search {
+                        margin-bottom: 1em;
+                }
+
+                .last {
+                        text-align: center;
+                }
+        }
+
 } // close .buddypress-wrap

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

@@ -799 +799 @@
         line-height: 1.6;
 }
 
+.buddypress-wrap .group-subnav-filters .group-invites-search {
+        margin-bottom: 1em;
+}
+
+.buddypress-wrap .group-subnav-filters .last {
+        text-align: center;
+}
+
 /**
 *----------------------------------------------------------
 * @section 2.2 - Pagination
@@ -2648 +2656 @@
         }
 }
 
-@media screen and (min-width: 37.5em) {
-        .buddypress-wrap #group-invites-container {
+@media screen and (min-width: 46.8em) {
+        :not(.vertical) + .item-body #group-invites-container {
                 display: -ms-grid;
                 display: grid;
                 -ms-grid-columns: 25% auto;
@@ -2656 +2664 @@
                 grid-template-columns: 25% auto;
                 grid-template-areas: "group-invites-nav group-invites-column";
         }
-        .buddypress-wrap #group-invites-container .bp-invites-nav {
+        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav {
                 -ms-grid-row: 1;
                 -ms-grid-column: 1;
                 grid-area: group-invites-nav;
         }
-        .buddypress-wrap #group-invites-container .bp-invites-nav li {
+        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav li {
                 display: block;
                 float: none;
         }
-        .buddypress-wrap #group-invites-container .group-invites-column {
+        :not(.vertical) + .item-body #group-invites-container .group-invites-column {
                 -ms-grid-row: 1;
                 -ms-grid-column: 2;
                 grid-area: group-invites-column;

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

@@ -799 +799 @@
         line-height: 1.6;
 }
 
+.buddypress-wrap .group-subnav-filters .group-invites-search {
+        margin-bottom: 1em;
+}
+
+.buddypress-wrap .group-subnav-filters .last {
+        text-align: center;
+}
+
 /**
 *----------------------------------------------------------
 * @section 2.2 - Pagination
@@ -2648 +2656 @@
         }
 }
 
-@media screen and (min-width: 37.5em) {
-        .buddypress-wrap #group-invites-container {
+@media screen and (min-width: 46.8em) {
+        :not(.vertical) + .item-body #group-invites-container {
                 display: -ms-grid;
                 display: grid;
                 -ms-grid-columns: 25% auto;
@@ -2656 +2664 @@
                 grid-template-columns: 25% auto;
                 grid-template-areas: "group-invites-nav group-invites-column";
         }
-        .buddypress-wrap #group-invites-container .bp-invites-nav {
+        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav {
                 -ms-grid-row: 1;
                 -ms-grid-column: 1;
                 grid-area: group-invites-nav;
         }
-        .buddypress-wrap #group-invites-container .bp-invites-nav li {
+        :not(.vertical) + .item-body #group-invites-container .bp-invites-nav li {
                 display: block;
                 float: none;
         }
-        .buddypress-wrap #group-invites-container .group-invites-column {
+        :not(.vertical) + .item-body #group-invites-container .group-invites-column {
                 -ms-grid-row: 1;
                 -ms-grid-column: 2;
                 grid-area: group-invites-column;

src/bp-templates/bp-nouveau/sass/_nouveau_invites.scss

@@ -148 +148 @@
         } // close bp-invites-content
 }
 
-@media screen and (min-width: 37.5em) {
+@include medium-up() {
 
-        .buddypress-wrap {
+        :not(.vertical) + .item-body #group-invites-container {
 
-                #group-invites-container {
-                        display: -ms-grid;
-                        display: grid;
-                        -ms-grid-columns: 25% auto;
-                        grid-template-columns: 25% auto;
-                        grid-template-areas: "group-invites-nav group-invites-column";
+                display: -ms-grid;
+                display: grid;
+                -ms-grid-columns: 25% auto;
+                grid-template-columns: 25% auto;
+                grid-template-areas: "group-invites-nav group-invites-column";
 
-                        .bp-invites-nav {
-                                -ms-grid-row: 1;
-                                -ms-grid-column: 1;
-                                grid-area: group-invites-nav;
+                .bp-invites-nav {
+                        -ms-grid-row: 1;
+                        -ms-grid-column: 1;
+                        grid-area: group-invites-nav;
 
-                                li {
-                                        display: block;
-                                        float: none;
-                                }
+                        li {
+                                display: block;
+                                float: none;
                         }
+                }
 
-                        .group-invites-column {
-                                -ms-grid-row: 1;
-                                -ms-grid-column: 2;
-                                grid-area: group-invites-column;
-                        }
+                .group-invites-column {
+                        -ms-grid-row: 1;
+                        -ms-grid-column: 2;
+                        grid-area: group-invites-column;
                 }
         }
-
 }