WordPress.org
Get WordPress

Making WordPress.org

Ticket #2822: 2822.diff

File 2822.diff, 1.7 KB (added by dufresnesteven, 6 years ago)

Improve: Pagination control on smaller viewports.

  • wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss 

    diff --git wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss
index f4925c33c..cea7e5090 100644
    section { 
    1212        overflow: inherit;
    1313}
    1414
     15$paginationBreakPoint: "600px";
     16
    1517.three-up { //3-columns section
    1618
    1719        @extend .clear;
    … … section { 
    472474
    473475                .create-topic {
    474476                        font-size: 0.8rem;
     477
     478                        @media (min-width: $paginationBreakPoint) {
    475479                                float: left;
     480                        }
    476481
    477482                        &::before {
    478483                                color: #000;
    … … section { 
    487492                        font-size: ms(-2);
    488493                        float: none;
    489494                        width: auto;
     495                        display: flex;
     496                        flex-direction: column;
     497
     498                        @media (min-width: $paginationBreakPoint) {
     499                                float: right;
     500                                display: inline-block;
     501                        }
    490502
    491503                        .page-numbers {
    492504                                background: #fff;
    … … section { 
    497509                                padding: 2px 8px;
    498510                                margin-left: -1px;
    499511                                opacity: 1;
     512                                flex: 1;
     513
     514                                @media (min-width: $paginationBreakPoint) {
     515                                        flex: inherit;
     516                                }
    500517
    501518                                &:not(.current):not(.dots):hover {
    502519                                        background: $color__wp-blue;
    … … section { 
    530547                }
    531548        }
    532549
     550        #bbpress-forums .bbp-pagination-links {
     551                display: flex;
     552                text-align: center;
     553                flex-wrap: wrap;
     554        }
     555
    533556        #bbpress-forums ul.bbp-forums,
    534557        #bbpress-forums ul.bbp-lead-topic,
    535558        #bbpress-forums ul.bbp-replies,
    … … section { 
    736759        margin-top: 1rem;
    737760        padding-top: 1rem;
    738761        border-top: 1px solid #eee;
     762        clear: both;
    739763}
    740764
    741765.topic-edit #bbpress-forums .bbp-topic-form legend,