Making WordPress.org


Ignore:
Timestamp:
01/16/2017 06:21:06 PM (7 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

File:
1 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    }
Note: See TracChangeset for help on using the changeset viewer.