Opened 3 years ago
Closed 3 years ago
#6196 closed defect (bug) (fixed)
Plugin display on profile page
Reported by: |
|
Owned by: |
|
---|---|---|---|
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)
Change History (4)
#3
@
3 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 { 48 48 height: 1px; 49 49 width: 1px; 50 50 overflow: hidden; 51 51 clip: rect(0 0 0 0); 52 52 border: 0; 53 53 } 54 54 55 55 .wrapper { 56 56 position: relative; 57 57 } 58 58 59 59 #main-column { 60 60 float: left; 61 61 width: calc( 100% - 210px ); 62 62 margin-left: -2px; 63 padding: 25px 0 30px 30px; 63 64 min-height: 133px; 64 65 font-size: 1.4em; 65 66 border-top: 2px solid #eee; 66 67 border-left: 2px solid #eee; 67 68 } 68 #main-column > * {69 padding: 25px 0 30px 30px;70 }71 69 72 70 #main-column.empty { 73 71 background-color: inherit; 74 72 } 75 73 76 74 #main-column div.active { 77 75 display: block; 78 76 } 79 77 80 78 #main-column div.inactive { 81 79 display: none; 82 80 } 83 81 84 82 .transparent { 85 83 opacity: 0;
Note: See
TracTickets for help on using
tickets.
Current state