Skip to:
Content

BuddyPress.org

Changeset 10507


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