Skip to:
Content

BuddyPress.org

Changeset 9875


Ignore:
Timestamp:
05/17/2015 05:08:50 PM (11 years ago)
Author:
hnla
Message:

Updates to twentyfifteen companion styles

  • Adjust margins/padding act comment forms
  • Adjust table td width notifications table
  • Minor nested selector updates

See #6291

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

    r9871 r9875  
    407407  #buddypress #activity-stream .activity-content .activity-meta a {
    408408    display: block;
    409     margin-bottom: 5px; }
     409    margin: 0 0 5px; }
    410410    @media screen and (min-width: 38.75em) {
    411411      #buddypress #activity-stream .activity-content .activity-meta a {
    412412        display: inline-block;
    413         margin-bottom: 0; } }
     413        margin: 0; } }
    414414#buddypress #activity-stream .load-more {
    415415  background: #f7f7f7;
    … …  
    425425
    426426/* Single activity view  - activity permalink */
    427 .activity-permalink #buddypress #activity-stream li.activity-item {
    428   padding: 20px; }
    429 .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    430   font-size: 16px;
    431   font-size: 1.6rem;
    432   margin-bottom: 40px; }
    433   @media screen and (min-width: 46.25em) {
    434     .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    435       font-size: 20px;
    436       font-size: 2rem; } }
    437   .activity-permalink #buddypress #activity-stream li.mini .activity-header p {
     427.activity-permalink #buddypress {
     428  background: none; }
     429  .activity-permalink #buddypress #activity-stream li.activity-item {
    438430    padding: 20px; }
     431  .activity-permalink #buddypress #activity-stream li.mini .activity-header {
     432    font-size: 16px;
     433    font-size: 1.6rem;
     434    margin-bottom: 40px; }
     435    @media screen and (min-width: 46.25em) {
     436      .activity-permalink #buddypress #activity-stream li.mini .activity-header {
     437        font-size: 20px;
     438        font-size: 2rem; } }
     439    .activity-permalink #buddypress #activity-stream li.mini .activity-header p {
     440      padding: 20px; }
    439441
    440442/**
    … …  
    444446*/
    445447#buddypress #activity-stream .activity-comments {
    446   border-right: 1px solid #eaeaea;
    447   margin-top: 5px; }
    448   #buddypress #activity-stream .activity-comments ul {
     448  margin: 10px 0 0; }
     449  #buddypress #activity-stream .activity-comments.has-comments {
     450    border-right: 1px solid #eaeaea; }
     451  #buddypress #activity-stream .activity-comments .ac-form {
     452    padding: 20px 0 0; }
     453  #buddypress #activity-stream .activity-comments > ul {
    449454    background: rgba(247, 247, 247, 0.6);
    450455    margin: 15px 2px 0 0; }
     456    @media screen and (min-width: 38.75em) {
     457      #buddypress #activity-stream .activity-comments > ul {
     458        margin-right: 70px; } }
     459  #buddypress #activity-stream .activity-comments .ac-reply-avatar {
     460    display: none; }
     461  #buddypress #activity-stream .activity-comments .ac-reply-content {
     462    margin-right: 0;
     463    padding-right: 0; }
     464  @media screen and (min-width: 38.75em) {
     465    #buddypress #activity-stream .activity-comments .ac-reply-avatar {
     466      display: block; }
     467    #buddypress #activity-stream .activity-comments .ac-reply-content {
     468      overflow: hidden; } }
    451469  #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    452470    color: rgba(51, 51, 51, 0.8);
    … …  
    780798        *-------------------------------------------
    781799        */
    782 .bp-user #buddypress .profile {
    783   /* Edit profile */ }
    784   .bp-user #buddypress .profile .bp-widget h4 {
    785     background: #6e6e6e;
    786     color: #fff;
    787     margin-bottom: 0;
    788     padding: 0.4em; }
    789   .bp-user #buddypress .profile .bp-widget table {
    790     margin-top: 0; }
    791   .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    792     content: " ";
    793     display: table; }
    794   .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    795     clear: both; }
    796   .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
    797     border-bottom: 1px solid #eaeaea;
    798     margin-right: 0; }
    799     .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    800       float: right;
    801       margin-bottom: 0; }
    802       .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
    803         border: 1px solid #eaeaea;
    804         border-bottom-color: #fff;
    805         margin-bottom: -1px; }
    806     .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
    807       background: none;
    808       border: 0;
    809       font-size: 18px;
    810       font-size: 1.8rem; }
    811   .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    812     font-size: 14px;
    813     font-size: 1.4rem; }
    814   .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    815     background: #555;
    816     color: #fff;
    817     padding: 0.2em 0.5em; }
    818   .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
    819     font-size: inherit; }
     800.bp-user #buddypress .profile .bp-widget h4 {
     801  background: #6e6e6e;
     802  color: #fff;
     803  margin-bottom: 0;
     804  padding: 0.4em; }
     805.bp-user #buddypress .profile .bp-widget table {
     806  margin-top: 0; }
     807
     808/* Edit Profile */
     809.bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     810  content: " ";
     811  display: table; }
     812.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     813  clear: both; }
     814.bp-user #buddypress .profile #profile-edit-form ul.button-nav {
     815  border-bottom: 1px solid #eaeaea;
     816  margin-right: 0; }
     817  .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
     818    float: right;
     819    margin-bottom: 0; }
     820    .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     821      border: 1px solid #eaeaea;
     822      border-bottom-color: #fff;
     823      margin-bottom: -1px; }
     824  .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     825    background: none;
     826    border: 0;
     827    font-size: 18px;
     828    font-size: 1.8rem; }
     829.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     830  font-size: 14px;
     831  font-size: 1.4rem; }
     832.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     833  background: #555;
     834  color: #fff;
     835  padding: 0.2em 0.5em; }
     836.bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
     837  font-size: inherit; }
    820838
    821839/**
    … …  
    981999  font-size: 2rem;
    9821000  margin: 20px 0 10px; }
     1001.bp-user #buddypress table.notification-settings th.title {
     1002  width: 75%; }
    9831003.bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
    9841004  vertical-align: middle; }

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

    r9871 r9875  
    407407  #buddypress #activity-stream .activity-content .activity-meta a {
    408408    display: block;
    409     margin-bottom: 5px; }
     409    margin: 0 0 5px; }
    410410    @media screen and (min-width: 38.75em) {
    411411      #buddypress #activity-stream .activity-content .activity-meta a {
    412412        display: inline-block;
    413         margin-bottom: 0; } }
     413        margin: 0; } }
    414414#buddypress #activity-stream .load-more {
    415415  background: #f7f7f7;
    … …  
    425425
    426426/* Single activity view  - activity permalink */
    427 .activity-permalink #buddypress #activity-stream li.activity-item {
    428   padding: 20px; }
    429 .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    430   font-size: 16px;
    431   font-size: 1.6rem;
    432   margin-bottom: 40px; }
    433   @media screen and (min-width: 46.25em) {
    434     .activity-permalink #buddypress #activity-stream li.mini .activity-header {
    435       font-size: 20px;
    436       font-size: 2rem; } }
    437   .activity-permalink #buddypress #activity-stream li.mini .activity-header p {
     427.activity-permalink #buddypress {
     428  background: none; }
     429  .activity-permalink #buddypress #activity-stream li.activity-item {
    438430    padding: 20px; }
     431  .activity-permalink #buddypress #activity-stream li.mini .activity-header {
     432    font-size: 16px;
     433    font-size: 1.6rem;
     434    margin-bottom: 40px; }
     435    @media screen and (min-width: 46.25em) {
     436      .activity-permalink #buddypress #activity-stream li.mini .activity-header {
     437        font-size: 20px;
     438        font-size: 2rem; } }
     439    .activity-permalink #buddypress #activity-stream li.mini .activity-header p {
     440      padding: 20px; }
    439441
    440442/**
    … …  
    444446*/
    445447#buddypress #activity-stream .activity-comments {
    446   border-left: 1px solid #eaeaea;
    447   margin-top: 5px; }
    448   #buddypress #activity-stream .activity-comments ul {
     448  margin: 10px 0 0; }
     449  #buddypress #activity-stream .activity-comments.has-comments {
     450    border-left: 1px solid #eaeaea; }
     451  #buddypress #activity-stream .activity-comments .ac-form {
     452    padding: 20px 0 0; }
     453  #buddypress #activity-stream .activity-comments > ul {
    449454    background: rgba(247, 247, 247, 0.6);
    450455    margin: 15px 0 0 2px; }
     456    @media screen and (min-width: 38.75em) {
     457      #buddypress #activity-stream .activity-comments > ul {
     458        margin-left: 70px; } }
     459  #buddypress #activity-stream .activity-comments .ac-reply-avatar {
     460    display: none; }
     461  #buddypress #activity-stream .activity-comments .ac-reply-content {
     462    margin-left: 0;
     463    padding-left: 0; }
     464  @media screen and (min-width: 38.75em) {
     465    #buddypress #activity-stream .activity-comments .ac-reply-avatar {
     466      display: block; }
     467    #buddypress #activity-stream .activity-comments .ac-reply-content {
     468      overflow: hidden; } }
    451469  #buddypress #activity-stream .activity-comments .ac-form input[type="submit"], #buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
    452470    color: rgba(51, 51, 51, 0.8);
    … …  
    780798        *-------------------------------------------
    781799        */
    782 .bp-user #buddypress .profile {
    783   /* Edit profile */ }
    784   .bp-user #buddypress .profile .bp-widget h4 {
    785     background: #6e6e6e;
    786     color: #fff;
    787     margin-bottom: 0;
    788     padding: 0.4em; }
    789   .bp-user #buddypress .profile .bp-widget table {
    790     margin-top: 0; }
    791   .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    792     content: " ";
    793     display: table; }
    794   .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
    795     clear: both; }
    796   .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
    797     border-bottom: 1px solid #eaeaea;
    798     margin-left: 0; }
    799     .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    800       float: left;
    801       margin-bottom: 0; }
    802       .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
    803         border: 1px solid #eaeaea;
    804         border-bottom-color: #fff;
    805         margin-bottom: -1px; }
    806     .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
    807       background: none;
    808       border: 0;
    809       font-size: 18px;
    810       font-size: 1.8rem; }
    811   .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    812     font-size: 14px;
    813     font-size: 1.4rem; }
    814   .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    815     background: #555;
    816     color: #fff;
    817     padding: 0.2em 0.5em; }
    818   .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
    819     font-size: inherit; }
     800.bp-user #buddypress .profile .bp-widget h4 {
     801  background: #6e6e6e;
     802  color: #fff;
     803  margin-bottom: 0;
     804  padding: 0.4em; }
     805.bp-user #buddypress .profile .bp-widget table {
     806  margin-top: 0; }
     807
     808/* Edit Profile */
     809.bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     810  content: " ";
     811  display: table; }
     812.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     813  clear: both; }
     814.bp-user #buddypress .profile #profile-edit-form ul.button-nav {
     815  border-bottom: 1px solid #eaeaea;
     816  margin-left: 0; }
     817  .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
     818    float: left;
     819    margin-bottom: 0; }
     820    .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     821      border: 1px solid #eaeaea;
     822      border-bottom-color: #fff;
     823      margin-bottom: -1px; }
     824  .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     825    background: none;
     826    border: 0;
     827    font-size: 18px;
     828    font-size: 1.8rem; }
     829.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     830  font-size: 14px;
     831  font-size: 1.4rem; }
     832.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     833  background: #555;
     834  color: #fff;
     835  padding: 0.2em 0.5em; }
     836.bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
     837  font-size: inherit; }
    820838
    821839/**
    … …  
    981999  font-size: 2rem;
    9821000  margin: 20px 0 10px; }
     1001.bp-user #buddypress table.notification-settings th.title {
     1002  width: 75%; }
    9831003.bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
    9841004  vertical-align: middle; }

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

    r9871 r9875  
    832832                                a {
    833833                                        display: block;
    834                                         margin-bottom: $spacing-val-xs;
     834                                        margin: 0 0 $spacing-val-xs;
    835835                                        @media screen and (min-width: 38.75em) {
    836836                                                display: inline-block;
    837                                                 margin-bottom: 0;
     837                                                margin: 0;
    838838                                        }
    839839                                }
    … …  
    866866.activity-permalink {
    867867        #buddypress {
     868                background: none; // counter the .bp-user faux column background
    868869                #activity-stream {
    869870
    … …  
    895896        #activity-stream {
    896897                .activity-comments {
    897                         border-left: 1px solid $border-light;
    898                         margin-top: 5px;
    899 
    900                         ul {
     898                        margin: $spacing-val-sm 0 0;
     899
     900                        &.has-comments {
     901                                border-left: 1px solid $border-light;
     902                        }
     903
     904                        .ac-form {
     905                                padding: $spacing-val-md 0 0;
     906                        }
     907
     908                        > ul {
    901909                                background: rgba($light-background, 0.6);
    902910                                margin: 15px 0 0 2px;
     911                                @media screen and (min-width: 38.75em) {
     912                                        margin-left: 70px;
     913                                }
     914                        }
     915
     916                        .ac-reply-avatar {display: none;}
     917
     918                        .ac-reply-content {
     919                                margin-left: 0;
     920                                padding-left: 0;
     921                        }
     922
     923                        @media screen and (min-width: 38.75em) {
     924                                .ac-reply-avatar {display: block;}
     925
     926                                .ac-reply-content {
     927                                        overflow: hidden;
     928                                }
    903929                        }
    904930
    … …  
    14481474
    14491475.bp-user {
    1450 
    14511476        #buddypress {
    1452 
    14531477                .profile {
    14541478                        .bp-widget {
    … …  
    14621486                                table {margin-top: 0;}
    14631487                        }
    1464                         /* Edit profile */
    1465 
     1488                }
     1489        }
     1490}
     1491
     1492/* Edit Profile */
     1493.bp-user {
     1494        #buddypress {
     1495
     1496                .profile {
    14661497                        #profile-edit-form {
    14671498                                .button-nav:before,
    … …  
    15181549
    15191550        } // close #BuddyPress
    1520 
    15211551} // close .bp-user
    15221552
    … …  
    18141844
    18151845                table.notification-settings {
     1846                        th.title {width: 75%;}
    18161847                        td.yes,
    18171848                        td.no {
    … …  
    18191850                        }
    18201851                }
    1821                 // Profile table td widths
     1852                // Profile visibility table td widths
    18221853                table.profile-settings {
    18231854                        width: 100%;
Note: See TracChangeset for help on using the changeset viewer.