Skip to:
Content

BuddyPress.org

Changeset 9867


Ignore:
Timestamp:
05/14/2015 09:43:46 AM (6 years ago)
Author:
hnla
Message:

Update twentyfifteen companion styles Notices table

Update styles the sitewide notices table list to match to the inbox message threads list visual display.

See #6291 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/twentyfifteen-rtl.css

    r9866 r9867  
    860860    float: right; }
    861861  .bp-user #buddypress #message-threads tr td.thread-star, .bp-user #buddypress #message-threads tr td.thread-options {
    862     border-bottom-color: #ccc;
     862    border-bottom-color: #b7b7b7;
    863863    border-bottom-width: 2px;
    864864    height: 2.4em;
     
    906906  .bp-user #buddypress #message-threads tr.unread td {
    907907    background: #dce5ff;
    908     border-color: #999; }
     908    border-bottom-color: #b7b7b7;
     909    border-color: #d1d1d1; }
    909910  .bp-user #buddypress #message-threads th {
    910911    display: none; }
     
    925926        margin-left: 0.5em;
    926927        width: 20px !important; }
    927   .bp-user #buddypress .sitewide-notices tr td:first-child {
     928  .bp-user #buddypress #message-threads.sitewide-notices td {
     929    width: 100%; }
     930    .bp-user #buddypress #message-threads.sitewide-notices td strong {
     931      background: #6e6e6e;
     932      color: #fff;
     933      display: block;
     934      margin-bottom: 0.4em;
     935      padding-right: 0.2em; }
     936    .bp-user #buddypress #message-threads.sitewide-notices td a {
     937      display: inline-block; }
     938  .bp-user #buddypress #message-threads.sitewide-notices td:first-child {
    928939    display: none; }
    929   .bp-user #buddypress .sitewide-notices td strong {
    930     background: #6e6e6e;
    931     color: #fff;
    932     display: block;
    933     padding-right: 0.2em; }
     940  .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     941    border-bottom: 0; }
     942    .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     943      line-height: 1; }
     944  .bp-user #buddypress #message-threads.sitewide-notices td:last-child {
     945    border-bottom-color: #b7b7b7;
     946    line-height: 1;
     947    text-align: left; }
     948    .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     949      line-height: 0;
     950      margin-right: 0.7em;
     951      text-indent: -999em; }
     952    .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     953      content: attr(title);
     954      display: block;
     955      line-height: initial;
     956      text-indent: 0; }
    934957  .bp-user #buddypress #settings-form > p {
    935958    font-size: 20px;
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css

    r9866 r9867  
    860860    float: left; }
    861861  .bp-user #buddypress #message-threads tr td.thread-star, .bp-user #buddypress #message-threads tr td.thread-options {
    862     border-bottom-color: #ccc;
     862    border-bottom-color: #b7b7b7;
    863863    border-bottom-width: 2px;
    864864    height: 2.4em;
     
    906906  .bp-user #buddypress #message-threads tr.unread td {
    907907    background: #dce5ff;
    908     border-color: #999; }
     908    border-bottom-color: #b7b7b7;
     909    border-color: #d1d1d1; }
    909910  .bp-user #buddypress #message-threads th {
    910911    display: none; }
     
    925926        margin-right: 0.5em;
    926927        width: 20px !important; }
    927   .bp-user #buddypress .sitewide-notices tr td:first-child {
     928  .bp-user #buddypress #message-threads.sitewide-notices td {
     929    width: 100%; }
     930    .bp-user #buddypress #message-threads.sitewide-notices td strong {
     931      background: #6e6e6e;
     932      color: #fff;
     933      display: block;
     934      margin-bottom: 0.4em;
     935      padding-left: 0.2em; }
     936    .bp-user #buddypress #message-threads.sitewide-notices td a {
     937      display: inline-block; }
     938  .bp-user #buddypress #message-threads.sitewide-notices td:first-child {
    928939    display: none; }
    929   .bp-user #buddypress .sitewide-notices td strong {
    930     background: #6e6e6e;
    931     color: #fff;
    932     display: block;
    933     padding-left: 0.2em; }
     940  .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
     941    border-bottom: 0; }
     942    .bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
     943      line-height: 1; }
     944  .bp-user #buddypress #message-threads.sitewide-notices td:last-child {
     945    border-bottom-color: #b7b7b7;
     946    line-height: 1;
     947    text-align: right; }
     948    .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
     949      line-height: 0;
     950      margin-left: 0.7em;
     951      text-indent: -999em; }
     952    .bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
     953      content: attr(title);
     954      display: block;
     955      line-height: initial;
     956      text-indent: 0; }
    934957  .bp-user #buddypress #settings-form > p {
    935958    font-size: 20px;
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

    r9866 r9867  
    15821582                td.thread-star,
    15831583                td.thread-options {
    1584                     border-bottom-color: $medium-background;
     1584                    border-bottom-color: darken($border-light, 20%);
    15851585                    border-bottom-width: 2px;
    15861586                    height: 2.4em;
     
    16461646                td {
    16471647                    background: $unread;
    1648                     border-color: $border-color;
     1648                    border-bottom-color: darken($border-light, 20%);
     1649                    border-color: darken($border-light, 10%);
    16491650                }
    16501651            }
     
    16891690
    16901691        /* Sitewide Notices loop */
    1691         .sitewide-notices {
    1692             tr {
    1693                 td:first-child {
    1694                     display: none;
    1695                 }
    1696             }
    1697 
     1692        #message-threads.sitewide-notices {
    16981693            td {
     1694                width: 100%;
     1695
    16991696                strong {
    17001697                    background: lighten($dark-background, 10%);
    17011698                    color: $content-background;
    17021699                    display: block;
     1700                    margin-bottom: 0.4em;
    17031701                    padding-left: 0.2em;
     1702                }
     1703
     1704                a {
     1705                    display: inline-block;
     1706                }
     1707            }
     1708
     1709            td:first-child {
     1710                display: none;
     1711            }
     1712
     1713            td:first-child + td + td {
     1714            // notice date
     1715                border-bottom: 0;
     1716
     1717                span {
     1718                    line-height: 1;
     1719                }
     1720            }
     1721
     1722            td:last-child {
     1723            // notice actions
     1724                border-bottom-color: darken($border-light, 20%);
     1725                line-height: 1;
     1726                text-align: right;
     1727
     1728                a:last-child {
     1729                // hide the 'x' text
     1730                    line-height: 0;
     1731                    margin-left: 0.7em;
     1732                    text-indent: -999em;
     1733                }
     1734
     1735                a:last-child::after {
     1736                    content: attr(title);
     1737                    display: block;
     1738                    line-height: initial;
     1739                    text-indent: 0;
    17041740                }
    17051741            }
Note: See TracChangeset for help on using the changeset viewer.