Skip to:
Content

BuddyPress.org

Changeset 10449


Ignore:
Timestamp:
01/13/2016 01:25:30 PM (11 years ago)
Author:
hnla
Message:

Update Twentytwelve Companion styles.

Commit addresses some issues in webkit browsers:

  • Adds padding for whats new submit button.
  • Corrects border cut off on action buttons.
  • Removes positioning of root form reply box when comments exist.

See #6766 Props imath

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

    r10443 r10449  
    33
    44This is the BuddyPress companion stylesheet for
    5 the WordPress Twentysixteen theme.
     5the WordPress Twentytwelve theme.
    66
    77This sheet supports the primary BuddyPress styles in buddypress.css
    88
    9 If you are running as a child theme of twentysixteen this stylesheet will be
     9If you are running as a child theme of twentytwelve this stylesheet will be
    1010loaded by default. If you want to modify the styles the normal BP Theme Compat
    1111hierarchy works and you can copy the file to buddypress/css/ or community/css/
    … …  
    580580        }
    581581        #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit input {
    582                 padding: 0;
     582                padding: 2px 6px;
    583583        }
    584584}
    … …  
    697697@media screen and (min-width: 37.5em) {
    698698        #buddypress #activity-stream .activity-content .activity-meta a {
    699                 display: inline-block;
     699                float: right;
    700700                margin-bottom: 0;
    701701        }
    … …  
    797797}
    798798
    799 #buddypress #activity-stream li.has-comments .activity-comments .ac-form.root {
    800         background: #fff;
    801         right: 0;
    802         padding: 10px;
    803         position: absolute;
    804         top: 10px;
    805         width: -webkit-calc(100% - 10px);
    806         width: -moz-calc(100% - 10px);
    807         width: calc(100% - 10px);
    808 }
    809 
    810 @media screen and (min-width: 46.25em) {
    811         #buddypress #activity-stream li.has-comments .activity-comments .ac-form.root {
    812                 right: 10px;
    813         }
    814 }
    815 
    816799/**
    817800*----------------------------------------------------------
    … …  
    10531036.bp-user #buddypress #item-header #item-header-avatar {
    10541037        text-align: center;
    1055         width: 100%;
    10561038}
    10571039
    … …  
    10701052        .bp-user #buddypress #item-header #item-header-avatar {
    10711053                float: right;
    1072                 width: 20%;
    10731054        }
    10741055        .bp-user #buddypress #item-header #item-header-avatar a {

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

    r10443 r10449  
    33
    44This is the BuddyPress companion stylesheet for
    5 the WordPress Twentysixteen theme.
     5the WordPress Twentytwelve theme.
    66
    77This sheet supports the primary BuddyPress styles in buddypress.css
    88
    9 If you are running as a child theme of twentysixteen this stylesheet will be
     9If you are running as a child theme of twentytwelve this stylesheet will be
    1010loaded by default. If you want to modify the styles the normal BP Theme Compat
    1111hierarchy works and you can copy the file to buddypress/css/ or community/css/
    … …  
    580580        }
    581581        #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit input {
    582                 padding: 0;
     582                padding: 2px 6px;
    583583        }
    584584}
    … …  
    697697@media screen and (min-width: 37.5em) {
    698698        #buddypress #activity-stream .activity-content .activity-meta a {
    699                 display: inline-block;
     699                float: left;
    700700                margin-bottom: 0;
    701701        }
    … …  
    797797}
    798798
    799 #buddypress #activity-stream li.has-comments .activity-comments .ac-form.root {
    800         background: #fff;
    801         left: 0;
    802         padding: 10px;
    803         position: absolute;
    804         top: 10px;
    805         width: -webkit-calc(100% - 10px);
    806         width: -moz-calc(100% - 10px);
    807         width: calc(100% - 10px);
    808 }
    809 
    810 @media screen and (min-width: 46.25em) {
    811         #buddypress #activity-stream li.has-comments .activity-comments .ac-form.root {
    812                 left: 10px;
    813         }
    814 }
    815 
    816799/**
    817800*----------------------------------------------------------
    … …  
    10531036.bp-user #buddypress #item-header #item-header-avatar {
    10541037        text-align: center;
    1055         width: 100%;
    10561038}
    10571039
    … …  
    10701052        .bp-user #buddypress #item-header #item-header-avatar {
    10711053                float: left;
    1072                 width: 20%;
    10731054        }
    10741055        .bp-user #buddypress #item-header #item-header-avatar a {

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

    r10443 r10449  
    178178
    179179This is the BuddyPress companion stylesheet for
    180 the WordPress Twentysixteen theme.
     180the WordPress Twentytwelve theme.
    181181
    182182This sheet supports the primary BuddyPress styles in buddypress.css
    183183
    184 If you are running as a child theme of twentysixteen this stylesheet will be
     184If you are running as a child theme of twentytwelve this stylesheet will be
    185185loaded by default. If you want to modify the styles the normal BP Theme Compat
    186186hierarchy works and you can copy the file to buddypress/css/ or community/css/
    … …  
    864864
    865865                                                input {
    866                                                         padding: 0;
     866                                                        padding: 2px 6px;
    867867                                                }
    868868                                        }
    … …  
    10061006                                        margin-bottom: $spacing-val-xs;
    10071007                                        @media screen and (min-width: 37.500em) {
    1008                                                 display: inline-block;
     1008                                                float: left;
    10091009                                                margin-bottom: 0;
    10101010                                        }
    … …  
    11271127                } // close .activity-comments
    11281128
    1129                 // as class name states this form is a reply to the original act item 'root'
    1130                 // We'll position this below the reply button to avoid having to scroll past
    1131                 // existing comments but only if li parent has class 'has-comments'.
    1132                 li.has-comments {
    1133                         .activity-comments {
    1134 
    1135                                 .ac-form.root {
    1136                                         background: #fff;
    1137                                         left: 0;
    1138                                         @media screen and (min-width: 46.25em) {
    1139                                                 left: 10px;
    1140                                         }
    1141                                         padding: 10px;
    1142                                         position: absolute;
    1143                                         top: 10px;
    1144                                         @include calc(width, "100% - 10px");
    1145                                 }
    1146 
    1147                         }
    1148                 }
    1149 
    11501129        } // close #activity-steam
    11511130
    … …  
    13931372
    13941373//                              #item-header-avatar {
    1395 //                                      //width: 21%;
     1374//                                      width: 21%;
    13961375//                              }
    13971376
    … …  
    14521431                        #item-header-avatar {
    14531432                                text-align: center;
    1454                                 width: 100%;
    14551433
    14561434                                img.avatar,
    … …  
    14731451                                #item-header-avatar {
    14741452                                        float: left;
    1475                                         width: 20%;
    14761453
    14771454                                        a {
Note: See TracChangeset for help on using the changeset viewer.