diff --git a/app/components/user-link.js b/app/components/user-link.js new file mode 100644 index 00000000000..a5ac8b17584 --- /dev/null +++ b/app/components/user-link.js @@ -0,0 +1,17 @@ +import Ember from 'ember'; + +export default Ember.Component.extend({ + user: null, + attributeBindings: ['title', 'href'], + tagName: 'a', + + title: function() { + return this.get('user.login'); + }.property('user'), + + 'href': function() { + // TODO replace this with a link to a native crates.io profile + // page when they exist. + return 'https://github.com/' + this.get('user.login'); + }.property('user'), +}); diff --git a/app/styles/app.scss b/app/styles/app.scss index 22f48ce8c46..5a1b1de8b81 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -105,6 +105,10 @@ body { background: rgb(42, 79, 39); box-shadow: inset -2px 2px 4px 0px rgb(36, 61, 38); } + + img { + vertical-align: top; + } } #current-user-links { diff --git a/app/styles/me.scss b/app/styles/me.scss index 3896c872881..289ecb7c6de 100644 --- a/app/styles/me.scss +++ b/app/styles/me.scss @@ -5,7 +5,7 @@ .info { @include display-flex; } dl { - margin-left: 30px; + margin: 0 0 0 30px; line-height: 150%; font-size: 110%; dt { diff --git a/app/templates/crate/index.hbs b/app/templates/crate/index.hbs index 844c3e1a7c4..890bc814046 100644 --- a/app/templates/crate/index.hbs +++ b/app/templates/crate/index.hbs @@ -94,8 +94,11 @@

Owners

diff --git a/app/templates/me/index.hbs b/app/templates/me/index.hbs index 762736aea2e..b7d3e402b49 100644 --- a/app/templates/me/index.hbs +++ b/app/templates/me/index.hbs @@ -7,7 +7,7 @@

Profile Information

- {{user-avatar user=this size='medium'}} + {{#user-link user=this }} {{user-avatar user=this size='medium'}} {{/user-link}}
Name