Skip to:
Content

BuddyPress.org

Ticket #6381: 6381.diff

File 6381.diff, 9.1 KB (added by netweb, 10 years ago)
  • .scss-lint.yml

     
    7474    width: 1
    7575
    7676  LeadingZero:
    77     enabled: false
     77    enabled: true
    7878    style: include_zero # or 'include_zero'
    7979
    8080  MergeableSelector:
  • src/bp-templates/bp-legacy/css/twentyfifteen.scss

     
    9494*-------------------------------------------------------------------------------
    9595*/
    9696
    97 // Twentyfifteen  adds a generic grouped ruleset of clear:both; 
     97// Twentyfifteen  adds a generic grouped ruleset of clear:both;
    9898// for all heading h# elements this is problematic where floats are concerned
    9999// We reset this here under our #buddypress namespace
    100100#buddypress {
     
    144144                        }
    145145                } // .article
    146146        } // .main
    147        
     147
    148148        .site-footer {
    149149                margin: 0 4%;
    150150                @media screen and (min-width: 59.6875em) {
     
    214214                        border-bottom: 1px solid rgba($border-color, 0.4);
    215215                        overflow: hidden;
    216216                        padding: $spacing-val-xs 0;
    217                        
     217
    218218                        li {
    219219                                a {
    220220                                        span {border-radius: 25%;}
     
    263263                                        outline: 0;
    264264                                }
    265265
    266                                 select, 
    267                                 label, 
     266                                select,
     267                                label,
    268268                                option {
    269269                                        @include font-size(14);
    270270                                }
     
    316316                }
    317317
    318318                #object-nav {
    319                         border-right: 1px solid rgba($border-color, .1);
     319                        border-right: 1px solid rgba($border-color, 0.1);
    320320                        float: left;
    321321                        margin-right: -1px;
    322322                        width: 200px;
     
    401401*/
    402402
    403403// Trying to position the action div absolute has bad consequences where
    404 // aditional items are displayed, floating is an alternative that 
     404// aditional items are displayed, floating is an alternative that
    405405// allows natural flow expansion.
    406 // This block: 
     406// This block:
    407407// * Manages li items, Stacks them small screen, floated left at wider screens.
    408408// * Adjusts display of action buttons at small screen
    409409// mobile up.
     
    420420                                a {border-bottom: 0;}
    421421                                img.avatar {
    422422                                        display: inline-block;
    423                                         float: none;                   
     423                                        float: none;
    424424                                        // Quite early on we need to move avatars to the left(right)
    425425                                        @media screen and (min-width: 38.75em) {
    426426                                                display: block;
     
    428428                                        }
    429429                                }
    430430                        }
    431                        
     431
    432432                        .item {
    433433                                margin-left: 25%;
    434                                
     434
    435435                                span.activity {font-style: italic;}
    436                                
     436
    437437                                .item-desc {
    438438                                        margin-left: 0;
    439439                                        width: 70%;
     
    440440                                }
    441441                        }
    442442
    443                         @media screen and (min-width: 59.6875em) { 
     443                        @media screen and (min-width: 59.6875em) {
    444444                                .item-avatar,
    445445                                .item,
    446446                                .action {
     
    454454                                        width: 55%;
    455455                                }
    456456                        }// close @media
    457                        
     457
    458458                        div.action {
    459459                                clear: left;
    460460                                float: none;
     
    475475
    476476                                div {
    477477                                        display: inline-block;
    478                                         margin: $spacing-val-sm 0; 
     478                                        margin: $spacing-val-sm 0;
    479479                                        width: 100%;
    480480
    481481                                        a {
     
    482482                                                display: block;
    483483                                                width: 100%;
    484484                                        }
    485                                         // Provisionally lets keep the 'action' div 
     485                                        // Provisionally lets keep the 'action' div
    486486                                        //position but inline-block the buttons
    487487                                        @media screen and (min-width: 38.75em) {
    488488                                                // keep buttons to a row small tablet up
     
    495495                                                float: right;
    496496                                                margin: 0 0 $spacing-val-sm 0;
    497497                                        } // close @media
    498                                        
     498
    499499                                } // close div
    500                                
     500
    501501                                .meta {
    502502                                        font-style: italic;
    503503                                }
     
    545545#buddypress {
    546546
    547547        .activity-list {
    548                
     548
    549549                // re-size activity avatars
    550550                li {
    551551                        .activity-avatar {
     
    558558                                }
    559559                        }
    560560                }
    561                
     561
    562562                li.mini {
    563563                        .activity-avatar {
    564564                                a {
     
    574574                                .activity-header {
    575575                                        @include font-size(13);
    576576                                }
    577                         }                               
     577                        }
    578578                }
    579                
     579
    580580                .activity-content {
    581581                        margin-top: -12px;
    582582
     
    584584                                @include font-size(16);
    585585                                line-height: inherit;
    586586                                margin-right: 0;
    587                                
     587
    588588                                p {
    589589                                        background-color: $light-background;
    590                                         border: 1px solid rgba($border-light, .6);
    591                                         padding: 0 .2em;
     590                                        border: 1px solid rgba($border-light, 0.6);
     591                                        padding: 0 0.2em;
    592592                                }
    593                                
     593
    594594                                img.avatar {
    595595                                        display: inline-block;
    596596                                        margin-bottom: 0 !important; // have to match to BP
     
    608608                        }
    609609
    610610                } // close .activity-content
    611                
     611
    612612                .load-more a {display: block;}
    613        
     613
    614614        } // close .activity-list
    615615} // close #buddypress
    616616
     
    624624                .activity-comments {
    625625                        border-left: 1px solid $border-light;
    626626                        margin-top: 5px;
    627                        
     627
    628628                        ul {
    629                                 background: rgba($light-background, .6);
     629                                background: rgba($light-background, 0.6);
    630630                                margin: 30px 0 0 2px;
    631631                        }
    632                
     632
    633633                        .ac-form {
    634                        
     634
    635635                                input[type="submit"],
    636636                                .ac-reply-cancel {
    637                                         color: rgba($body-text, .8);
     637                                        color: rgba($body-text, 0.8);
    638638                                        display: inline-block;
    639639                                        font-family: inherit;
    640640                                        @include font-size(12);
     
    644644                                        text-transform: lowercase;
    645645                                        width: 100px;
    646646                                }
    647                                
     647
    648648                                .ac-reply-cancel {
    649                                         border: 1px solid rgba($border-color, .7);
     649                                        border: 1px solid rgba($border-color, 0.7);
    650650                                        text-align: center;
    651                                        
     651
    652652                                        &:focus,
    653653                                        &:hover {
    654654                                                background: $bp-button-hover;
     
    670670
    671671#buddypress {
    672672        #members-list {
    673        
     673
    674674                @media screen and (min-width: 59.6875em) {
    675675                        li {
    676676                                .item-avatar,
     
    690690                                        border-left: 1px solid rgba($border-color, .4);
    691691                                        display: block;
    692692                                        margin: .5em 0;
    693                                         padding-left: .3em; 
     693                                        padding-left: .3em;
    694694                                }
    695695                        }
    696696                }
     
    705705*/
    706706
    707707.bp-user {
    708         .entry-title {margin-bottom: .5em;}
    709        
     708        .entry-title {margin-bottom: 0.5em;}
     709
    710710        #buddypress {
    711        
     711
    712712        /* General elements & classes, pagination, filters */
    713        
     713
    714714                table {
    715715                        th {@include font-size(14)}
    716716                        td {@include font-size(12)}
    717                
     717
    718718                        @media screen and (min-width: 46.25em) {
    719719                                th {@include font-size(16)}
    720720                                td {@include font-size(14)}
    721721                        }
    722                
     722
    723723                        @media screen and (min-width: 77.5em) {
    724724                                th {@include font-size(18)}
    725725                                td {@include font-size(16)}
    726726                        }
    727727                }
    728        
     728
    729729                .pag-count {font-style: italic;}
    730                
     730
    731731                .notifications-options-nav {
    732                         border: 1px solid rgba($border-color, .5);
     732                        border: 1px solid rgba($border-color, 0.5);
    733733                        float: left;
    734734                        width: 100%;
    735735                        @media screen and (min-width: 38.75em) {
     
    742742                                @include font-size(14);
    743743                                outline: 0;
    744744                                padding: 0;
    745                         }               
     745                        }
    746746
    747747                        select {
    748                                 float: left; 
     748                                float: left;
    749749                                margin-right: 0;
    750750                                width: 60%;
    751751                        }
     
    758758                        }
    759759
    760760                } // close .notifications-options-nav
    761        
     761
    762762        /* Item Header */
    763        
     763
    764764                #item-header {
    765765                        padding: $spacing-val-md 0;
    766                
     766
    767767                        #item-header-avatar {
    768768                                text-align: center;
    769769                                width: 100%;
    770770
    771                                 img.avatar, 
     771                                img.avatar,
    772772                                a {
    773773                                        border-bottom: 0;
    774774                                        display: inline-block;
     
    777777                        }
    778778
    779779                        @media screen and (min-width: 46.25em) {
    780                                 #item-header-avatar {           
     780                                #item-header-avatar {
    781781                                        float: left;
    782782                                        width: 20%;
    783                                
    784                                         img.avatar, 
     783
     784                                        img.avatar,
    785785                                        a {
    786786                                                float: left;
    787787                                                width: 100%;
    788788                                        }
    789789                                }
    790                
     790
    791791                                #item-header-content {
    792792                                        float: right;
    793793                                        margin-right: 5%;
    794794                                        width: 69%;
    795795                                }
    796        
     796
    797797                        } // close @media
    798                
     798
    799799                } // close #item-header
    800        
     800
    801801        /* Profile */
    802802                .profile {
    803803                        .bp-widget {
    804804                                h4 {
    805                                         background: rgba($dark-background, .8);
     805                                        background: rgba($dark-background, 0.8);
    806806                                        color: #fff;
    807807                                        margin-bottom: 0;
    808                                         padding: .4em;
     808                                        padding: 0.4em;
    809809                                }
    810810
    811811                                table {margin-top: 0;}
    812812                        }
    813813                } // close .profile
    814                
     814
    815815                .bp-avatar-nav {
    816816                        ul:before,
    817817                        ul:after {
     
    818818                                content: " ";
    819819                                display: table;
    820820                        }
    821                                
     821
    822822                        ul:after {
    823823                                clear: both;
    824824                        }
    825                                
     825
    826826                        ul {
    827                                 border-bottom: 1px solid rgba($border-color, .5);
     827                                border-bottom: 1px solid rgba($border-color, 0.5);
    828828                                margin-bottom: $spacing-val-md;
    829                                        
     829
    830830                                li.current {
    831                                         border: 1px solid rgba($border-color, .5);
     831                                        border: 1px solid rgba($border-color, 0.5);
    832832                                        border-bottom-color: #fff;
    833833                                        border-top-left-radius: 4px;
    834834                                        border-top-right-radius: 4px;
    835                                         margin-bottom: -1px;                           
    836                                                
     835                                        margin-bottom: -1px;
     836
    837837                                        a {
    838838                                                background: none;
    839839                                                outline: 0;
     
    841841                                } // close li.current
    842842                        }
    843843                } // .bp-avatar-nav
    844                
     844
    845845                /* Groups */
    846                
     846
    847847                #groups-list {
    848848                        li {
    849849                                .item {
     
    854854                                }
    855855                        }
    856856                }
    857        
     857
    858858        /* Messages / Notifications */
    859859
    860860        } // close #BuddyPress
     
    867867*-------------------------------------------------------------------------------
    868868*/
    869869
    870 // Match BP form elements to Themes(2015) styling where styles 
     870// Match BP form elements to Themes(2015) styling where styles
    871871// are not inherited or being overriden.
    872872#buddypress {
    873        
     873
    874874        div.activity-comments {
    875875                form {
    876876                        .ac-textarea {
    877877                                background: $light-background;
    878                                 border: 1px solid rgba($border-color, .3);
    879                                
     878                                border: 1px solid rgba($border-color, 0.3);
     879
    880880                                textarea {
    881881                                        background: none;
    882882                                        border: 0;
     
    885885                }
    886886        }
    887887
    888         select {border: 1px solid rgba($border-color, .5);}
     888        select {border: 1px solid rgba($border-color, 0.5);}
    889889
    890890} // close #buddypress
    891891