Skip to:
Content

BuddyPress.org

Changeset 10449


Ignore:
Timestamp:
01/13/2016 01:25:30 PM (9 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.