Making WordPress.org

Opened 2 years ago

Closed 2 years ago

#6196 closed defect (bug) (fixed)

Plugin display on profile page

Reported by: anandau14's profile anand.au14 Owned by: dd32's profile dd32
Milestone: Priority: normal
Component: Profiles Keywords:
Cc:

Description

Hi

On the plugin developer's profile page, earlier plugins were displayed in 3 columns.
But now it is displaying them in 2 columns leaving a lot of blank space on the right.

How it was earlier
http://web.archive.org/web/20220126191027/https://profiles.wordpress.org/wpvibes/#content-plugins

I looked into it a little and found that some recent CSS changes have caused this.
Changing width in the following CSS code can fix this

Current code (style.css:59)

#main-column {
    float: left;
    width: calc( 100% - 210px );
    margin-left: -2px;
    min-height: 133px;
    font-size: 1.4em;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
}


Replace with (only width property changed)

#main-column {
    float: left;
    width: calc( 100% - 175px );
    margin-left: -2px;
    min-height: 133px;
    font-size: 1.4em;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
}

Not sure where else this change can affect the site.

Attachments (1)

current-state.png (130.9 KB) - added by anand.au14 2 years ago.
Current state

Download all attachments as: .zip

Change History (4)

@anand.au14
2 years ago

Current state

#1 @webtechpooja
2 years ago

#6197 was marked as a duplicate.

#2 @dd32
2 years ago

  • Owner set to dd32
  • Status changed from new to accepted

#3 @dd32
2 years ago

  • Resolution set to fixed
  • Status changed from accepted to closed

In r18608-dotorg:

Profiles: Revert a CSS change in [18589] which wasn't needed in the end and caused a column regression.

Fixes https://meta.trac.wordpress.org/ticket/6196
  • style.css

    ul { 
    4848        height: 1px;
    4949        width: 1px;
    5050        overflow: hidden;
    5151        clip: rect(0 0 0 0);
    5252        border: 0;
    5353}
    5454
    5555.wrapper {
    5656        position: relative;
    5757}
    5858
    5959#main-column {
    6060        float: left;
    6161        width: calc( 100% - 210px );
    6262        margin-left: -2px;
     63        padding: 25px 0 30px 30px;
    6364        min-height: 133px;
    6465        font-size: 1.4em;
    6566        border-top: 2px solid #eee;
    6667        border-left: 2px solid #eee;
    6768}
    68 #main-column > * {
    69         padding: 25px 0 30px 30px;
    70 }
    7169
    7270        #main-column.empty {
    7371                background-color: inherit;
    7472        }
    7573
    7674#main-column div.active {
    7775        display: block;
    7876}
    7977
    8078#main-column div.inactive {
    8179        display: none;
    8280}
    8381
    8482.transparent {
    8583        opacity: 0;
Note: See TracTickets for help on using tickets.