diff --git a/core/client/assets/sass/layouts/users.scss b/core/client/assets/sass/layouts/users.scss index 3313317d89..3d64140e8e 100644 --- a/core/client/assets/sass/layouts/users.scss +++ b/core/client/assets/sass/layouts/users.scss @@ -129,6 +129,16 @@ User Profile position: relative; width: 100%; height: 300px; + + &:after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 110px; + @include linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); + } } .cover-image { @@ -141,7 +151,9 @@ User Profile img { position: absolute; - max-width: 100%; + min-width: 100%; + min-height: 100%; + } } @@ -150,6 +162,7 @@ User Profile right: 40px; bottom: 40px; background: rgba(0,0,0,0.4); + border-radius: 0; color: #FFFFFF; z-index: 2; diff --git a/core/client/assets/sass/screen.scss b/core/client/assets/sass/screen.scss index fd3ff42169..944eb753ef 100644 --- a/core/client/assets/sass/screen.scss +++ b/core/client/assets/sass/screen.scss @@ -40,11 +40,20 @@ @import "layouts/editor"; /* The write/edit post screen. */ + @import "layouts/login"; + /* The login screen. */ + + @import "layouts/errors"; + /* The error screens. */ + + /* ========================================================================== + Settings Layouts - Styles for the individual settings panes, grouped by pane. + ========================================================================== */ @import "layouts/settings"; /* The settings screen. */ - @import "layouts/login"; - /* The settings screen. */ + @import "layouts/users"; + /* The users pane. */ - @import "layouts/errors"; - /* The error screens. */ \ No newline at end of file + @import "layouts/plugins"; + /* The plugins pane. */ \ No newline at end of file diff --git a/core/client/tpl/settings/user-profile.hbs b/core/client/tpl/settings/user-profile.hbs index b594d2b7cf..20f6565edd 100644 --- a/core/client/tpl/settings/user-profile.hbs +++ b/core/client/tpl/settings/user-profile.hbs @@ -15,7 +15,7 @@
- +
diff --git a/core/client/views/settings.js b/core/client/views/settings.js index d5fcc7c17e..4263a4d657 100644 --- a/core/client/views/settings.js +++ b/core/client/views/settings.js @@ -1,4 +1,4 @@ -/*global window, document, Ghost, $, _, Backbone */ +/*global window, document, Ghost, $, _, Backbone, Countable */ (function () { "use strict"; @@ -348,6 +348,22 @@ this.$('#user-bio').val(user.bio); this.$('#user-profile-picture').attr('src', user.profile_picture); this.$('#user-cover-picture').attr('src', user.cover_picture); + }, + + afterRender: function () { + var self = this; + Countable.live(document.getElementById('user-bio'), function (counter) { + if (counter.all > 180) { + self.$('.bio-container .word-count').css({color: "#e25440"}); + } else { + self.$('.bio-container .word-count').css({color: "#9E9D95"}); + } + + self.$('.bio-container .word-count').text(200 - counter.all); + + }); + + Settings.Pane.prototype.afterRender.call(this); } });