Improve user feedback on the Profile > Design page
- Header changes immediately without a page reload - Lets the user know that we actually saved their setting when changed
This commit is contained in:
parent
0046409970
commit
30a66c065a
7 changed files with 73 additions and 12 deletions
10
app/assets/javascripts/profile.js.coffee
Normal file
10
app/assets/javascripts/profile.js.coffee
Normal file
|
@ -0,0 +1,10 @@
|
|||
$ ->
|
||||
$('.edit_user .application-theme input, .edit_user .code-preview-theme input').click ->
|
||||
# Hide any previous submission feedback
|
||||
$('.edit_user .update-feedback').hide()
|
||||
|
||||
# Submit the form
|
||||
$('.edit_user').submit()
|
||||
|
||||
# Go up the hierarchy and show the corresponding submission feedback element
|
||||
$(@).closest('fieldset').find('.update-feedback').show('highlight', {color: '#DFF0D8'}, 500)
|
|
@ -1,3 +1,10 @@
|
|||
.application-theme, .code-preview-theme {
|
||||
.update-feedback {
|
||||
color: #468847;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.themes_opts {
|
||||
padding-left:20px;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue