Changeset 11813

Timestamp:

01/20/2018 08:35:16 PM (7 years ago)

Author:

hnla

Message:

Nouveau: Update dir navs

Add horizontal class to classes array as default if vert nav not selected to aid styling rulesets.

Re-factor 'Create Group' button while provision not yet available to select button style force main dir nav button to text style, vert nav selection as button.

Add definition borders top/bottom for medium-up dir navs horizontal configuration.

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• common-styles/_bp_buttons.scss (modified) (3 diffs)
• common-styles/_bp_navigation.scss (modified) (2 diffs)
• css/buddypress-rtl.css (modified) (2 diffs)
• css/buddypress.css (modified) (2 diffs)
• includes/template-tags.php (modified) (2 diffs)

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

@@ -230 +230 @@
     #buddypress {
 
+        // Style the create link as a button - this would be better served
+        // as a modifier class but we need to be able to allow user selection
+        // between button style & plain text. For the moment we'll force a
+        // choice, vert dir navs get button style, horizontal dir navs a text link.
+
         .create-button { // the parent, i.e li element.
             background: none;
@@ -236 +241 @@
                 float: right;
             }
-            //padding-top: $pad-med;
             text-align: center;
 
@@ -274 +278 @@
         }
 
+        &.bp-dir-hori-nav {
+
+            .create-button {
+                float: left;
+
+                a,
+                a:hover {
+                    background: none;
+                    border: 0;
+
+                    @include box-shadow-none();
+                    margin: 0;
+                }
+            }
+        }
     } // close #buddypress
 

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

@@ -140 +140 @@
         }
 
-        .main-navs.vertical {
+        .main-navs.vertical { // single screen navs
 
             li.selected,
@@ -153 +153 @@
         }
 
+        &.bp-dir-hori-nav {
+
+            nav {
+                border-bottom: 1px solid $bp-border-color;
+                border-top: 1px solid $bp-border-color;
+
+                @include box-shadow( 0 2px 12px 0 $off-white);
+            }
+        }
     } // close @media
 

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

@@ -376 +376 @@
         color: #fafafa;
         text-decoration: none;
+    }
+    .buddypress-wrap.bp-dir-hori-nav nav {
+        border-bottom: 1px solid #eee;
+        border-top: 1px solid #eee;
+        -webkit-box-shadow: 0 2px 12px 0 #fafafa;
+        -moz-box-shadow: 0 2px 12px 0 #fafafa;
+        box-shadow: 0 2px 12px 0 #fafafa;
     }
 }
@@ -4030 +4037 @@
 }
 
+.buddypress #buddypress.bp-dir-hori-nav .create-button {
+    float: right;
+}
+
+.buddypress #buddypress.bp-dir-hori-nav .create-button a,
+.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
+    background: none;
+    border: 0;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    margin: 0;
+}
+
 .buddypress-wrap button.bp-icons, .buddypress-wrap button.ac-reply-cancel {
     background: none;

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

@@ -376 +376 @@
         color: #fafafa;
         text-decoration: none;
+    }
+    .buddypress-wrap.bp-dir-hori-nav nav {
+        border-bottom: 1px solid #eee;
+        border-top: 1px solid #eee;
+        -webkit-box-shadow: 0 2px 12px 0 #fafafa;
+        -moz-box-shadow: 0 2px 12px 0 #fafafa;
+        box-shadow: 0 2px 12px 0 #fafafa;
     }
 }
@@ -4030 +4037 @@
 }
 
+.buddypress #buddypress.bp-dir-hori-nav .create-button {
+    float: left;
+}
+
+.buddypress #buddypress.bp-dir-hori-nav .create-button a,
+.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
+    background: none;
+    border: 0;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    margin: 0;
+}
+
 .buddypress-wrap button.bp-icons, .buddypress-wrap button.ac-reply-cancel {
     background: none;

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

@@ -1423 +1423 @@
                 $classes[] = 'bp-vertical-navs';
                 $bp_nouveau->{$component}->directory_vertical_layout = $layout_prefs;
+            } else {
+                $classes[] = 'bp-dir-hori-nav';
             }
         }
@@ -1486 +1488 @@
         if ( 1 === $layout_prefs ) {
             $classes[] = 'vertical';
+        } else {
+            $classes[] = 'horizontal';
         }