WordPress.org

Making WordPress.org

Changeset 4693


Ignore:
Timestamp:
01/16/2017 06:21:06 PM (4 years ago)
Author:
mapk
Message:

Support Forums: Fixing responsiveness of homepage forum layout.

As screen size got smaller, some of the content in the fixed height boxes was getting cut off. I fixed this by adjusting the styling of the content within the box. Also updated a bit of the responsiveness to the Themes and Plugins box as well.

Props: @xavortm
Fixes: #2390

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss

    r4683 r4693  
    4141                font-size: 1.4rem;
    4242                margin-bottom: 0;
     43                margin-top: 0;
    4344            }
    4445
     
    6162                height: 200px;
    6263                border-bottom: none;
    63                 margin: 0 5% 0 0;
     64                margin: 2rem 5% 0 0;
    6465
    6566                &:nth-child(3n) {
     
    406407
    407408    .themes-plugins {
    408         width: 65%;
    409         margin: 3rem 0 4rem;
     409        margin: 0 0 4rem;
     410        border-bottom: 1px solid #eee;
    410411
    411412        p {
    412             font-size: ms(-2);
     413            font-size: ms(0);
    413414            color: #666666;
    414415
     
    421422            font-size: 1.4rem;
    422423            margin-bottom: 0;
     424            margin-top: 0;
     425        }
     426
     427        @media (min-width: $ms-breakpoint) {
     428            width: 65%;
     429            margin: 3rem 0 4rem;
     430            border-bottom: none;
     431
     432            p {
     433                font-size: ms(-2);
     434            }
    423435        }
    424436    }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/style.css

    r4684 r4693  
    50355035    font-size: 1.4rem;
    50365036    margin-bottom: 0;
     5037    margin-top: 0;
    50375038}
    50385039
     
    50545055        height: 200px;
    50555056        border-bottom: none;
    5056         margin: 0 5% 0 0;
     5057        margin: 2rem 5% 0 0;
    50575058    }
    50585059    .three-up.bbp-forums > div:nth-child(3n) {
     
    53675368
    53685369.home.wporg-support .themes-plugins {
    5369     width: 65%;
    5370     margin: 3rem 0 4rem;
     5370    margin: 0 0 4rem;
     5371    border-bottom: 1px solid #eee;
    53715372}
    53725373
    53735374.home.wporg-support .themes-plugins p {
    5374     font-size: 0.8rem;
     5375    font-size: 1rem;
    53755376    color: #666666;
    53765377}
     
    53835384    font-size: 1.4rem;
    53845385    margin-bottom: 0;
     5386    margin-top: 0;
     5387}
     5388
     5389@media (min-width: 48em) {
     5390    .home.wporg-support .themes-plugins {
     5391        width: 65%;
     5392        margin: 3rem 0 4rem;
     5393        border-bottom: none;
     5394    }
     5395    .home.wporg-support .themes-plugins p {
     5396        font-size: 0.8rem;
     5397    }
    53855398}
    53865399
Note: See TracChangeset for help on using the changeset viewer.