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

Timestamp:

02/04/2016 09:42:30 PM (11 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;
-                }
-        }
-}