kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Fix award-emojis alert flash message

Browse source 
This adds a new feature to `Flash` that allows to pin it after a
specified selector. This removes a fixed position from such award-emoji
alert, and makes it responsive by design of selector that this alert is
pinned to.

Closes #3996
This commit is contained in:
Grzegorz Bizon 2015-12-11 13:03:09 +01:00
parent 2029be038b
commit d1211e0ada
3 changed files with 3 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/javascripts/flash.js.coffee
View file

@ -12,5 +12,5 @@ class @Flash
@flash.click -> $(@).fadeOut() @flash.click -> $(@).fadeOut()
@flash.show() @flash.show()
pin: -> pinTo: (selector) ->
@flash.addClass('flash-pinned flash-raised') @flash.detach().appendTo(selector)

2
app/assets/javascripts/notes.js.coffee
View file

@ -114,7 +114,7 @@ class @Notes
unless note.valid unless note.valid
if note.award if note.award
flash = new Flash('You have already used this award emoji!', 'alert') flash = new Flash('You have already used this award emoji!', 'alert')
flash.pin() flash.pinTo('.header-content')
return return
# render note if it not present in loaded list # render note if it not present in loaded list

10
app/assets/stylesheets/framework/flash.scss
View file

@ -15,13 +15,3 @@
@extend .alert-danger; @extend .alert-danger;
} }
} }
.flash-pinned {
position: fixed;
top: 80px;
width: 80%;
}
.flash-raised {
z-index: 1000;
}