Changeset 12066

Timestamp:

05/05/2018 01:15:05 PM (8 years ago)

Author:

hnla

Message:

Nouveau: Nav styles

Ensure vertical user navs don't inherit horizontal border styles.

Move vert nav selected anchor padding zero to it's own ruleset to ensure only specified for vert tabbed link.

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• common-styles/_bp_layouts.scss (modified) (2 diffs)
• common-styles/_bp_navigation.scss (modified) (1 diff)
• css/buddypress-rtl.css (modified) (3 diffs)
• css/buddypress.css (modified) (3 diffs)

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

@@ -475 +475 @@
                                         background: $grey;
                                         color: $black;
-                                        padding-left: 0;
                                 }
 
@@ -495 +494 @@
                         } // li
 
+                }
+
+                .bp-navs.vertical.tabbed-links {
+
+                        li.selected {
+
+                                a {
+                                        padding-left: 0;
+                                }
+                        }
                 }
 

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

@@ -153 +153 @@
                 }
 
-                &.bp-dir-hori-nav {
+                &.bp-dir-hori-nav:not(.bp-vertical-navs) {
 
                         nav:not(.tabbed-links) {

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

@@ -377 +377 @@
                 text-decoration: none;
         }
-        .buddypress-wrap.bp-dir-hori-nav nav:not(.tabbed-links) {
+        .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
                 border-bottom: 1px solid #eee;
                 border-top: 1px solid #eee;
@@ -5105 +5105 @@
                 background: #ccc;
                 color: #333;
-                padding-right: 0;
         }
         .bp-single-vert-nav .bp-navs.vertical li:focus, .bp-single-vert-nav .bp-navs.vertical li:hover {
@@ -5118 +5117 @@
         .bp-single-vert-nav .bp-navs.vertical li:hover span {
                 border-color: #eaeaea;
+        }
+        .bp-single-vert-nav .bp-navs.vertical.tabbed-links li.selected a {
+                padding-right: 0;
         }
         .bp-single-vert-nav .bp-wrap {

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

@@ -377 +377 @@
                 text-decoration: none;
         }
-        .buddypress-wrap.bp-dir-hori-nav nav:not(.tabbed-links) {
+        .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
                 border-bottom: 1px solid #eee;
                 border-top: 1px solid #eee;
@@ -5105 +5105 @@
                 background: #ccc;
                 color: #333;
-                padding-left: 0;
         }
         .bp-single-vert-nav .bp-navs.vertical li:focus, .bp-single-vert-nav .bp-navs.vertical li:hover {
@@ -5118 +5117 @@
         .bp-single-vert-nav .bp-navs.vertical li:hover span {
                 border-color: #eaeaea;
+        }
+        .bp-single-vert-nav .bp-navs.vertical.tabbed-links li.selected a {
+                padding-left: 0;
         }
         .bp-single-vert-nav .bp-wrap {