Changeset 12537

Timestamp:

01/25/2020 06:38:57 AM (6 years ago)

Author:

imath

Message:

Add a new customizer setting to adapt BP Layout to wide alignments

The blocks editor introduced the align-wide theme feature. For themes supporting this feature, the BP Nouveau template pack will now use the wide alignment to display its content by default. To manage this space use, BP Nouveau also includes a new customizer setting to edit this alignement into the BP Nouveau > General BP Settings section.

Props pooja1210

Fixes #8182

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• common-styles/_bp_generic_and_typography.scss (modified) (1 diff)
• css/buddypress-rtl.css (modified) (1 diff)
• css/buddypress.css (modified) (1 diff)
• includes/customizer.php (modified) (2 diffs)
• includes/functions.php (modified) (1 diff)
• includes/template-tags.php (modified) (1 diff)

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

@@ -65 +65 @@
         .entry-header {
             float: none;
-            max-width: none;
-        }
-
-        .entry-content,
-        .entry .entry-content > * {
+        }
+
+        .entry-content {
             float: none;
-            max-width: none;
         }
 

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

@@ -90 +90 @@
     body.buddypress .entry-header {
         float: none;
-        max-width: none;
-    }
-    body.buddypress .entry-content,
-    body.buddypress .entry .entry-content > * {
+    }
+    body.buddypress .entry-content {
         float: none;
-        max-width: none;
     }
     body.buddypress .site-content {

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

@@ -90 +90 @@
     body.buddypress .entry-header {
         float: none;
-        max-width: none;
-    }
-    body.buddypress .entry-content,
-    body.buddypress .entry .entry-content > * {
+    }
+    body.buddypress .entry-content {
         float: none;
-        max-width: none;
     }
     body.buddypress .site-content {

trunk/src/bp-templates/bp-nouveau/includes/customizer.php

@@ -203 +203 @@
     ) );
 
+    if ( current_theme_supports( 'align-wide' ) ) {
+        $settings['bp_nouveau_appearance[global_alignment]'] = array(
+            'index'             => 'global_alignment',
+            'capability'        => 'bp_moderate',
+            'sanitize_callback' => 'sanitize_html_class',
+            'transport'         => 'refresh',
+            'type'              => 'option',
+        );
+    }
+
     // Add the settings
     foreach ( $settings as $id_setting => $setting_args ) {
@@ -296 +306 @@
      */
     $controls = apply_filters( 'bp_nouveau_customizer_controls', $controls );
+
+    if ( current_theme_supports( 'align-wide' ) ) {
+        $controls['global_alignment'] = array(
+            'label'      => __( 'Select the BuddyPress container width for your site.', 'buddypress' ),
+            'section'    => 'bp_nouveau_general_settings',
+            'settings'   => 'bp_nouveau_appearance[global_alignment]',
+            'type'       => 'select',
+            'choices'    => array(
+                'alignnone' => __( 'Default width', 'buddypress' ),
+                'alignwide' => __( 'Wide width', 'buddypress' ),
+                'alignfull' => __( 'Full width', 'buddypress' ),
+            ),
+        );
+    }
 
     // Add the controls to the customizer's section

trunk/src/bp-templates/bp-nouveau/includes/functions.php

@@ -626 +626 @@
     $default_args = array(
         'avatar_style'       => 0,
+        'global_alignment'   => 'alignwide',
         'user_front_page'    => 1,
         'user_front_bio'     => 0,

trunk/src/bp-templates/bp-nouveau/includes/template-tags.php

@@ -1488 +1488 @@
                 $classes[] = 'bp-dir-hori-nav';
             }
+        }
+
+        $global_alignment = bp_nouveau_get_temporary_setting( 'global_alignment', bp_nouveau_get_appearance_settings( 'global_alignment' ) );
+        if ( $global_alignment && 'alignnone' !== $global_alignment && current_theme_supports( 'align-wide' ) ) {
+            $classes[] = $global_alignment;
         }