Changeset 10507 for trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss

Timestamp:

02/04/2016 09:42:30 PM (8 years ago)

Author:

hnla

Message:

Companion styles 2012 updates
Messaging auto complete.
Commit corrects/removes bullets on li elements for auto complete names & input, removes li element margins.
In addition add styling to:

• Improve padding for selected names, reduce background, improve span element spacing, add cursor on hover, add close 'x' hover color.
• ac_results auto complete suggestions, add light background to highlight names & prevent page elements behind bleeding through, improve padding/margins

This set of rulesets needs checking across the other companion styles and might be better placed in the main BP stylesheet.

See #6766 Props r-a-y

File:

• trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss (modified) (5 diffs)

trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss

@@ -174 +174 @@
 $stripe-even:        #dbe5ff;
 $unread:             #9dc3c8;
-
+$link-action:         #c82b2b;
 /*--------------------------------------------------------------
 
@@ -2013 +2013 @@
         }
 
-        /* Compose message form */
         #send_message_form {
             input,
@@ -2021 +2020 @@
         }
 
-        /* Sitewide Notices loop */
+        .acfb-holder {
+            list-style: none;
+
+            li {margin-left: 0;}
+
+            li.friend-tab {
+                background: lighten($notice-info, 20%);
+                border: inherit;
+                margin-right: 0;
+                padding: 0.5em;
+
+                span.p {
+                    // the 'X' close
+                    padding-left: $spacing-val-sm;
+
+                    &:focus,
+                    &:hover {
+                        color: $link-action;
+                        cursor: pointer;
+                    }
+                }
+
+                a {
+                    border-bottom: 0;
+                    text-decoration: none;
+
+                    img {
+                        // this is the tiny user avatar
+                        display: inline;
+                        height: 20px;
+                        vertical-align: middle;
+                        width: 20px !important; // override inline style
+
+                    }
+                }
+            }
+        }
+
         #message-threads.sitewide-notices {
             tr {margin: 3em 0;}
@@ -2088 +2124 @@
 
     } // #buddypress
+
+    // acfb auto complete name list sits in doc footer before body close
+    .ac_results {
+        background: #eee;
+        padding-left: $spacing-val-sm;
+
+        li {
+            margin: $spacing-val-sm 0;
+
+            &:focus,
+            &:hover {
+                cursor: pointer;
+            }
+
+            img { vertical-align: bottom;}
+
+        }
+    }
+
 } // close .bp-user
 
@@ -2432 +2487 @@
 *-------------------------------------------------------------------------------
 */
-
-#buddypress {
-
-    .acfb-holder {
-
-        li.friend-tab {
-            background: $notice-info;
-            border: inherit;
-        }
-    }
-}