Changeset 10727 for trunk/src/bp-templates/bp-legacy/buddypress-functions.php

Timestamp:

05/01/2016 11:37:44 AM (9 years ago)

Author:

hnla

Message:

Update Cover Image styles.
Commit adjusts selectors for users cover image user name. Change selector target from descendent heading element (h2) to class name for greater specificity.

This commit corrects issue after heading elements changed for group admin/mods lists causing cover image styling to be inherited for these elements instead of just for user nicenames.

Commit also updates the styles for some general formatting.

Fixes #7037

File:

• trunk/src/bp-templates/bp-legacy/buddypress-functions.php (modified) (7 diffs)

trunk/src/bp-templates/bp-legacy/buddypress-functions.php

@@ -1777 +1777 @@
 
                 #buddypress div#item-header #item-header-cover-image #item-header-content {
-                    margin-left:auto;
+                    margin-left: auto;
                 }
             ';
@@ -1791 +1791 @@
 
         #buddypress #create-group-form #header-cover-image {
+            margin: 1em 0;
             position: relative;
-            margin: 1em 0;
         }
 
@@ -1803 +1803 @@
             float: left;
             overflow: visible;
-            width:auto;
+            width: auto;
         }
 
@@ -1811 +1811 @@
             margin-left: ' . $left_offset . 'px;
             margin-top: -' . $top_offset . 'px;
-            width:auto;
+            width: auto;
         }
 
         body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content,
         body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
+            clear: none;
             margin-top: ' . $params["height"] . 'px;
             margin-left: 0;
-            clear: none;
             max-width: 50%;
         }
 
         body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
+            max-width: 20%;
             padding-top: 20px;
-            max-width: 20%;
         }
 
         ' . $hide_avatar_style . '
 
-        #buddypress div#item-header-cover-image h2 a,
-        #buddypress div#item-header-cover-image h2 {
-            color: #FFF;
+        #buddypress div#item-header-cover-image .user-nicename a,
+        #buddypress div#item-header-cover-image .user-nicename {
+            font-size: 200%;
+            color: #fff;
+            margin: 0 0 0.6em;
             text-rendering: optimizelegibility;
-            text-shadow: 0px 0px 3px rgba( 0, 0, 0, 0.8 );
-            margin: 0 0 .6em;
-            font-size:200%;
+            text-shadow: 0 0 3px rgba( 0, 0, 0, 0.8 );
         }
 
         #buddypress #item-header-cover-image #item-header-avatar img.avatar {
-            border: solid 2px #FFF;
             background: rgba( 255, 255, 255, 0.8 );
+            border: solid 2px #fff;
         }
 
         #buddypress #item-header-cover-image #item-header-avatar a {
-            border: none;
+            border: 0;
             text-decoration: none;
         }
@@ -1863 +1863 @@
             .bp-user #buddypress #item-header #item-header-cover-image #item-header-avatar,
             #buddypress div#item-header #item-header-cover-image #item-header-content {
-                width:100%;
-                text-align:center;
+                width: 100%;
+                text-align: center;
             }
 
             #buddypress #item-header-cover-image #item-header-avatar a {
-                display:inline-block;
+                display: inline-block;
             }
 
             #buddypress #item-header-cover-image #item-header-avatar img {
-                margin:0;
+                margin: 0;
             }
 
@@ -1878 +1878 @@
             body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content,
             body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
-                margin:0;
+                margin: 0;
             }
 
@@ -1890 +1890 @@
                 color: inherit;
                 text-shadow: none;
-                margin:25px 0 0;
-                font-size:200%;
+                margin: 25px 0 0;
+                font-size: 200%;
             }
 
             #buddypress #item-header-cover-image #item-buttons div {
-                float:none;
-                display:inline-block;
+                float: none;
+                display: inline-block;
             }
 
             #buddypress #item-header-cover-image #item-buttons:before {
-                content:"";
+                content: "";
             }