Skip to:
Content

BuddyPress.org

Changeset 10325


Ignore:
Timestamp:
11/04/2015 10:23:27 AM (11 years ago)
Author:
hnla
Message:

Twentysixteen Companion Styles correction

Update corrects an issue where message-thread sitewide-notices table styles not ported over for twentysixteen.

Fixes #6710 Props danbp

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

Legend:

Unmodified
Added
Removed

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

    r10310 r10325  
    13531353        */
    13541354.bp-user #buddypress {
    1355         /* Auto Complete background */
     1355        /* Sitewide Notices loop */
    13561356}
    13571357
    … …  
    14371437}
    14381438
     1439.bp-user #buddypress #message-threads tr td.thread-star {
     1440        vertical-align: middle;
     1441}
     1442
     1443.bp-user #buddypress #message-threads tr td.thread-star .message-action-star {
     1444        line-height: 1.2;
     1445}
     1446
    14391447.bp-user #buddypress #message-threads tr td.bulk-select-check,
    14401448.bp-user #buddypress #message-threads tr td.thread-from {
    … …  
    15201528}
    15211529
    1522 .bp-user #buddypress .acfb-holder li.friend-tab {
    1523         margin-left: 0;
    1524 }
    1525 
    1526 .bp-user #buddypress .acfb-holder li.friend-tab a {
    1527         border-bottom: 0;
    1528 }
    1529 
    1530 .bp-user #buddypress .acfb-holder li.friend-tab a img {
    1531         display: inline;
    1532         height: 20px;
    1533         margin-left: 0.5em;
    1534         width: 20px !important;
    1535 }
    1536 
    1537 .bp-user #buddypress .sitewide-notices tr td:first-child {
    1538         display: none;
    1539 }
    1540 
    1541 .bp-user #buddypress .sitewide-notices td strong {
     1530.bp-user #buddypress #message-threads.sitewide-notices td {
     1531        width: 100%;
     1532}
     1533
     1534.bp-user #buddypress #message-threads.sitewide-notices td strong {
    15421535        background: #6e6e6e;
    15431536        color: #fff;
    15441537        display: block;
     1538        margin-bottom: 0.4em;
    15451539        padding-right: 0.2em;
     1540}
     1541
     1542.bp-user #buddypress #message-threads.sitewide-notices td a {
     1543        display: inline-block;
     1544}
     1545
     1546.bp-user #buddypress #message-threads.sitewide-notices td:first-child {
     1547        display: none;
     1548}
     1549
     1550.bp-user #buddypress #message-threads.sitewide-notices td:nth-child(2) strong {
     1551        margin: -8px -8px 8px;
     1552}
     1553
     1554.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     1555        border-bottom: 0;
     1556}
     1557
     1558.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     1559        line-height: 1;
     1560}
     1561
     1562.bp-user #buddypress #message-threads.sitewide-notices td:last-child {
     1563        border-bottom-color: #b7b7b7;
     1564        line-height: 1;
     1565        text-align: left;
     1566}
     1567
     1568.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     1569        line-height: 0;
     1570        margin-right: 0.7em;
     1571        text-indent: -999em;
     1572}
     1573
     1574.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1575        content: attr(title);
     1576        display: block;
     1577        line-height: initial;
     1578        text-indent: 0;
    15461579}
    15471580

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

    r10310 r10325  
    13531353        */
    13541354.bp-user #buddypress {
    1355         /* Auto Complete background */
     1355        /* Sitewide Notices loop */
    13561356}
    13571357
    … …  
    14371437}
    14381438
     1439.bp-user #buddypress #message-threads tr td.thread-star {
     1440        vertical-align: middle;
     1441}
     1442
     1443.bp-user #buddypress #message-threads tr td.thread-star .message-action-star {
     1444        line-height: 1.2;
     1445}
     1446
    14391447.bp-user #buddypress #message-threads tr td.bulk-select-check,
    14401448.bp-user #buddypress #message-threads tr td.thread-from {
    … …  
    15201528}
    15211529
    1522 .bp-user #buddypress .acfb-holder li.friend-tab {
    1523         margin-right: 0;
    1524 }
    1525 
    1526 .bp-user #buddypress .acfb-holder li.friend-tab a {
    1527         border-bottom: 0;
    1528 }
    1529 
    1530 .bp-user #buddypress .acfb-holder li.friend-tab a img {
    1531         display: inline;
    1532         height: 20px;
    1533         margin-right: 0.5em;
    1534         width: 20px !important;
    1535 }
    1536 
    1537 .bp-user #buddypress .sitewide-notices tr td:first-child {
    1538         display: none;
    1539 }
    1540 
    1541 .bp-user #buddypress .sitewide-notices td strong {
     1530.bp-user #buddypress #message-threads.sitewide-notices td {
     1531        width: 100%;
     1532}
     1533
     1534.bp-user #buddypress #message-threads.sitewide-notices td strong {
    15421535        background: #6e6e6e;
    15431536        color: #fff;
    15441537        display: block;
     1538        margin-bottom: 0.4em;
    15451539        padding-left: 0.2em;
     1540}
     1541
     1542.bp-user #buddypress #message-threads.sitewide-notices td a {
     1543        display: inline-block;
     1544}
     1545
     1546.bp-user #buddypress #message-threads.sitewide-notices td:first-child {
     1547        display: none;
     1548}
     1549
     1550.bp-user #buddypress #message-threads.sitewide-notices td:nth-child(2) strong {
     1551        margin: -8px -8px 8px;
     1552}
     1553
     1554.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     1555        border-bottom: 0;
     1556}
     1557
     1558.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     1559        line-height: 1;
     1560}
     1561
     1562.bp-user #buddypress #message-threads.sitewide-notices td:last-child {
     1563        border-bottom-color: #b7b7b7;
     1564        line-height: 1;
     1565        text-align: right;
     1566}
     1567
     1568.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     1569        line-height: 0;
     1570        margin-left: 0.7em;
     1571        text-indent: -999em;
     1572}
     1573
     1574.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     1575        content: attr(title);
     1576        display: block;
     1577        line-height: initial;
     1578        text-indent: 0;
    15461579}
    15471580

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

    r10310 r10325  
    18371837
    18381838                #message-threads {
     1839
    18391840                        thead {
    18401841                                tr {
    … …  
    18601861                                        @media screen and (max-width: 46.25em) {
    18611862                                                padding-top: 0;
     1863                                        }
     1864                                }
     1865
     1866                                td.thread-star {
     1867                                        vertical-align: middle;
     1868
     1869                                        .message-action-star {
     1870                                                line-height: 1.2;
    18621871                                        }
    18631872                                }
    … …  
    19381947                }
    19391948
    1940         /* Auto Complete background */
    1941                 .acfb-holder {
    1942 
    1943                         li.friend-tab {
    1944                                 margin-right: 0;
    1945 
    1946                                 a {
    1947                                         border-bottom: 0;
    1948 
    1949                                         img {
    1950                                                 // this is the tiny user avatar
    1951                                                 display: inline;
    1952                                                 height: 20px;
    1953                                                 margin-right: 0.5em;
    1954                                                 width: 20px !important; // override inline style
    1955                                         }
    1956                                 }
    1957                         }
    1958                 }
    1959 
    1960                 .sitewide-notices {
    1961                         tr {
    1962                                 td:first-child {
    1963                                         display: none;
    1964                                 }
    1965                         }
     1949                /* Sitewide Notices loop */
     1950                #message-threads.sitewide-notices {
    19661951
    19671952                        td {
     1953                                width: 100%;
     1954
    19681955                                strong {
    19691956                                        background: lighten($dark-background, 10%);
    19701957                                        color: $content-background;
    19711958                                        display: block;
     1959                                        margin-bottom: 0.4em;
    19721960                                        padding-left: 0.2em;
     1961                                }
     1962
     1963                                a {
     1964                                        display: inline-block;
     1965                                }
     1966                        }
     1967
     1968                        td:first-child {
     1969                                display: none;
     1970                        }
     1971
     1972                        td:nth-child(2) {
     1973                                strong {
     1974                                        margin: -8px -8px 8px;
     1975                                }
     1976                        }
     1977
     1978                        td:first-child + td + td {
     1979                        // notice date
     1980                                border-bottom: 0;
     1981
     1982                                span {
     1983                                        line-height: 1;
     1984                                }
     1985                        }
     1986
     1987                        td:last-child {
     1988                        // notice actions
     1989                                border-bottom-color: darken($border-light, 20%);
     1990                                line-height: 1;
     1991                                text-align: right;
     1992
     1993                                a:last-child {
     1994                                // hide the 'x' text
     1995                                        line-height: 0;
     1996                                        margin-left: 0.7em;
     1997                                        text-indent: -999em;
     1998                                }
     1999
     2000                                a:last-child::after {
     2001                                        content: attr(title);
     2002                                        display: block;
     2003                                        line-height: initial;
     2004                                        text-indent: 0;
    19732005                                }
    19742006                        }
Note: See TracChangeset for help on using the changeset viewer.