Skip to:
Content

BuddyPress.org

Changeset 10507


Ignore:
Timestamp:
02/04/2016 09:42:30 PM (10 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

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve-rtl.css

    r10493 r10507  
    13931393        *-------------------------------------------
    13941394        */
    1395 .bp-user #buddypress {
    1396         /* Compose message form */
    1397         /* Sitewide Notices loop */
    1398 }
    1399 
    14001395.bp-user #buddypress #message-thread a {
    14011396        border-bottom: 0;
    … …  
    15841579}
    15851580
     1581.bp-user #buddypress .acfb-holder {
     1582        list-style: none;
     1583}
     1584
     1585.bp-user #buddypress .acfb-holder li {
     1586        margin-right: 0;
     1587}
     1588
     1589.bp-user #buddypress .acfb-holder li.friend-tab {
     1590        background: #edf7fa;
     1591        border: inherit;
     1592        margin-left: 0;
     1593        padding: 0.5em;
     1594}
     1595
     1596.bp-user #buddypress .acfb-holder li.friend-tab span.p {
     1597        padding-right: 10px;
     1598}
     1599
     1600.bp-user #buddypress .acfb-holder li.friend-tab span.p:focus, .bp-user #buddypress .acfb-holder li.friend-tab span.p:hover {
     1601        color: #c82b2b;
     1602        cursor: pointer;
     1603}
     1604
     1605.bp-user #buddypress .acfb-holder li.friend-tab a {
     1606        border-bottom: 0;
     1607        text-decoration: none;
     1608}
     1609
     1610.bp-user #buddypress .acfb-holder li.friend-tab a img {
     1611        display: inline;
     1612        height: 20px;
     1613        vertical-align: middle;
     1614        width: 20px !important;
     1615}
     1616
    15861617.bp-user #buddypress #message-threads.sitewide-notices tr {
    15871618        margin: 3em 0;
    … …  
    16431674        line-height: initial;
    16441675        text-indent: 0;
     1676}
     1677
     1678.bp-user .ac_results {
     1679        background: #eee;
     1680        padding-right: 10px;
     1681}
     1682
     1683.bp-user .ac_results li {
     1684        margin: 10px 0;
     1685}
     1686
     1687.bp-user .ac_results li:focus, .bp-user .ac_results li:hover {
     1688        cursor: pointer;
     1689}
     1690
     1691.bp-user .ac_results li img {
     1692        vertical-align: bottom;
    16451693}
    16461694
    … …  
    19381986*-------------------------------------------------------------------------------
    19391987*/
    1940 #buddypress .acfb-holder li.friend-tab {
    1941         background: #9fd1e2;
    1942         border: inherit;
    1943 }

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

    r10493 r10507  
    13931393        *-------------------------------------------
    13941394        */
    1395 .bp-user #buddypress {
    1396         /* Compose message form */
    1397         /* Sitewide Notices loop */
    1398 }
    1399 
    14001395.bp-user #buddypress #message-thread a {
    14011396        border-bottom: 0;
    … …  
    15841579}
    15851580
     1581.bp-user #buddypress .acfb-holder {
     1582        list-style: none;
     1583}
     1584
     1585.bp-user #buddypress .acfb-holder li {
     1586        margin-left: 0;
     1587}
     1588
     1589.bp-user #buddypress .acfb-holder li.friend-tab {
     1590        background: #edf7fa;
     1591        border: inherit;
     1592        margin-right: 0;
     1593        padding: 0.5em;
     1594}
     1595
     1596.bp-user #buddypress .acfb-holder li.friend-tab span.p {
     1597        padding-left: 10px;
     1598}
     1599
     1600.bp-user #buddypress .acfb-holder li.friend-tab span.p:focus, .bp-user #buddypress .acfb-holder li.friend-tab span.p:hover {
     1601        color: #c82b2b;
     1602        cursor: pointer;
     1603}
     1604
     1605.bp-user #buddypress .acfb-holder li.friend-tab a {
     1606        border-bottom: 0;
     1607        text-decoration: none;
     1608}
     1609
     1610.bp-user #buddypress .acfb-holder li.friend-tab a img {
     1611        display: inline;
     1612        height: 20px;
     1613        vertical-align: middle;
     1614        width: 20px !important;
     1615}
     1616
    15861617.bp-user #buddypress #message-threads.sitewide-notices tr {
    15871618        margin: 3em 0;
    … …  
    16431674        line-height: initial;
    16441675        text-indent: 0;
     1676}
     1677
     1678.bp-user .ac_results {
     1679        background: #eee;
     1680        padding-left: 10px;
     1681}
     1682
     1683.bp-user .ac_results li {
     1684        margin: 10px 0;
     1685}
     1686
     1687.bp-user .ac_results li:focus, .bp-user .ac_results li:hover {
     1688        cursor: pointer;
     1689}
     1690
     1691.bp-user .ac_results li img {
     1692        vertical-align: bottom;
    16451693}
    16461694
    … …  
    19381986*-------------------------------------------------------------------------------
    19391987*/
    1940 #buddypress .acfb-holder li.friend-tab {
    1941         background: #9fd1e2;
    1942         border: inherit;
    1943 }

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

    r10493 r10507  
    174174$stripe-even:        #dbe5ff;
    175175$unread:             #9dc3c8;
    176 
     176$link-action:         #c82b2b;
    177177/*--------------------------------------------------------------
    178178
    … …  
    20132013                }
    20142014
    2015                 /* Compose message form */
    20162015                #send_message_form {
    20172016                        input,
    … …  
    20212020                }
    20222021
    2023                 /* Sitewide Notices loop */
     2022                .acfb-holder {
     2023                        list-style: none;
     2024
     2025                        li {margin-left: 0;}
     2026
     2027                        li.friend-tab {
     2028                                background: lighten($notice-info, 20%);
     2029                                border: inherit;
     2030                                margin-right: 0;
     2031                                padding: 0.5em;
     2032
     2033                                span.p {
     2034                                        // the 'X' close
     2035                                        padding-left: $spacing-val-sm;
     2036
     2037                                        &:focus,
     2038                                        &:hover {
     2039                                                color: $link-action;
     2040                                                cursor: pointer;
     2041                                        }
     2042                                }
     2043
     2044                                a {
     2045                                        border-bottom: 0;
     2046                                        text-decoration: none;
     2047
     2048                                        img {
     2049                                                // this is the tiny user avatar
     2050                                                display: inline;
     2051                                                height: 20px;
     2052                                                vertical-align: middle;
     2053                                                width: 20px !important; // override inline style
     2054
     2055                                        }
     2056                                }
     2057                        }
     2058                }
     2059
    20242060                #message-threads.sitewide-notices {
    20252061                        tr {margin: 3em 0;}
    … …  
    20882124
    20892125        } // #buddypress
     2126
     2127        // acfb auto complete name list sits in doc footer before body close
     2128        .ac_results {
     2129                background: #eee;
     2130                padding-left: $spacing-val-sm;
     2131
     2132                li {
     2133                        margin: $spacing-val-sm 0;
     2134
     2135                        &:focus,
     2136                        &:hover {
     2137                                cursor: pointer;
     2138                        }
     2139
     2140                        img { vertical-align: bottom;}
     2141
     2142                }
     2143        }
     2144
    20902145} // close .bp-user
    20912146
    … …  
    24322487*-------------------------------------------------------------------------------
    24332488*/
    2434 
    2435 #buddypress {
    2436 
    2437         .acfb-holder {
    2438 
    2439                 li.friend-tab {
    2440                         background: $notice-info;
    2441                         border: inherit;
    2442                 }
    2443         }
    2444 }
Note: See TracChangeset for help on using the changeset viewer.