[wp-meta] [Making WordPress.org] #421: Minor design changes for profiles

[Making WordPress.org]

#421: Minor design changes for profiles
--------------------------+----------------------
  Reporter:  Cr3ativ      |      Owner:  iandunn
      Type:  enhancement  |     Status:  assigned
  Priority:  normal       |  Component:  Profiles
Resolution:               |   Keywords:
--------------------------+----------------------

Comment (by melchoyce):

 Here are a preview of my style changes for v1:
 https://cloudup.com/cJcP6K0Ueqc. I've also attached them as a zip to the
 ticket: [attachment:after-examples.zip]

 I'd still like to clean up the icons in activity, and the icons for
 favorite plugin ratings, but we'll need to update the html structure for
 those. I got halfway through hacking it into working before realizing that
 hacking it was a dumb solution, and we should just restructure it to work
 with dashicons in the first place.

 The "Find me on: [social media]" is inserted via css, which means it's
 untranslatable, which is bad. That'll need to be changed in the template
 as well.

 CSS here:

 {{{
 #meta-status-badge-container {
         margin-top: 15px;
 }

 #header-meta-links {
         margin-left: 25px;
 }

 div#item-header ul {
         margin-bottom: 0;
 }

 div#item-header img.avatar {
         margin-bottom: 0;
         box-shadow: none;
 }

 #user-meta li {
         margin-bottom: 5px;
 }

 #user-social-media-accounts:before {
         margin-right: 10px;
         content: 'Find me on:';
         font-weight: bold;
 }

 #user-social-media-accounts li {
         float: none;
         display: inline-block;
         margin-top: 20px;
 }

 #user-meta .dashicons,
 #user-meta .genericon {
         color: #888;
 }

 #user-social-media-accounts li a .dashicons,
 #user-social-media-accounts li a .genericon {
         color: #21759B;
 }

 #user-social-media-accounts li a .dashicons:visited,
 #user-social-media-accounts li a .genericons:visited {
         color: #4CA6CF;
 }

 #item-body {
         margin-top: 20px;
         border: none;
 }

 #content-tabs {
         padding-top: 0;
 }

 #content-tabs ul li {
         padding: 10px 10px 10px 10px;
 }

 #content-tabs ul li.active {
         right: -1px;
         padding-right: 11px;
         border: 1px solid #EEE;
         border-right-color: #FFF;
 }

 #content-tabs ul li.active div.dashicons-arrow-left {
         display: none;
 }

 #main-column {
         min-height: 133px;
         background-color: transparent;
         border: 1px solid #eee;
 }

 #content-about h4 {
         font-size: 16px !important;
         margin: 0 0 7px 0 !important;
 }

 #content-about h4 + div {
         margin-bottom: 25px;
 }

 #content-about h4 + div:last-of-type {
         margin-bottom: 0;
 }

 #content-about p:last-of-type {
         margin-bottom: 0;
 }

 ul#activity-list li {
         font-size: 14px;
         line-height: 1.4;
         font-weight: normal;
 }

 ul#activity-list li span {
         font-weight: bold;
 }

 .main-plugins ul li {
         width: 200px;
 }

 .main-themes ul li {
         width: 360px;
 }

 #content-themes ul li h3 a img {
         width: 360px;
         height: auto;
         margin-bottom: 5px;
 }

 #content-themes ul li:nth-of-type(2n) {
         padding-right: 0;
 }

 p.user-rating,
 p.downloads,
 p.ago {
         color: #888;
         font-size: 13px;
         font-style: italic;
         text-transform: lowercase;
 }
 }}}

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/421#comment:17>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org