Ticket #7783: 7783.3.patch

src/bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php

@@ -8 +8 @@
  * @since 3.0.0
  */
 ?>
-<nav class="<?php bp_nouveau_single_item_subnav_classes(); ?>" id="subnav" role="navigation" aria-label="<?php esc_attr_e( 'Group invitations menu', 'buddypress' ); ?>"></nav>
 
 <h2 class="bp-screen-title <?php if ( bp_is_group_create() ) { echo esc_attr( 'creation-step-name' ); } ?>">
         <?php _e( 'Invite Members', 'buddypress' ); ?>
 </h2>
 
-<div class="subnav-filters group-subnav-filters bp-invites-filters"></div>
-<div class="bp-invites-feedback"></div>
-<div class="members bp-invites-content"></div>
+<div id="group-invites-container">
 
+        <nav class="<?php bp_nouveau_single_item_subnav_classes(); ?>" id="subnav" role="navigation" aria-label="<?php esc_attr_e( 'Group invitations menu', 'buddypress' ); ?>"></nav>
+
+        <div class="group-invites-column">
+                <div class="subnav-filters group-subnav-filters bp-invites-filters"></div>
+                <div class="bp-invites-feedback"></div>
+                <div class="members bp-invites-content"></div>
+        </div>
+
+</div>
+
 <script type="text/html" id="tmpl-bp-invites-nav">
         <a href="{{data.href}}" class="bp-invites-nav-item" data-nav="{{data.id}}">{{data.name}}</a>
 </script>

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

@@ -2641 +2641 @@
         }
 }
 
+@media screen and (min-width: 37.5em) {
+        .buddypress-wrap #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";
+        }
+        .buddypress-wrap #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 {
+                display: block;
+                float: none;
+        }
+        .buddypress-wrap #group-invites-container .group-invites-column {
+                -ms-grid-row: 1;
+                -ms-grid-column: 2;
+                grid-area: group-invites-column;
+        }
+}
+
 /*
 *-----------------------------------------
 * @subsection 5.2.1.4 - Group Activity

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

@@ -2641 +2641 @@
         }
 }
 
+@media screen and (min-width: 37.5em) {
+        .buddypress-wrap #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";
+        }
+        .buddypress-wrap #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 {
+                display: block;
+                float: none;
+        }
+        .buddypress-wrap #group-invites-container .group-invites-column {
+                -ms-grid-row: 1;
+                -ms-grid-column: 2;
+                grid-area: group-invites-column;
+        }
+}
+
 /*
 *-----------------------------------------
 * @subsection 5.2.1.4 - Group Activity

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

@@ -143 +143 @@
         } // close bp-invites-content
 }
 
+@media screen and (min-width: 37.5em) {
+
+        .buddypress-wrap {
+
+                #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";
+
+                        .bp-invites-nav {
+                                -ms-grid-row: 1;
+                                -ms-grid-column: 1;
+                                grid-area: group-invites-nav;
+
+                                li {
+                                        display: block;
+                                        float: none;
+                                }
+                        }
+
+                        .group-invites-column {
+                                -ms-grid-row: 1;
+                                -ms-grid-column: 2;
+                                grid-area: group-invites-column;
+                        }
+                }
+        }
+
+}
+