Add octicon to Gist notification

This commit is contained in:
Kevin Sawicki
2013-01-10 15:03:41 -08:00
parent cffb73bc8d
commit bdc85bec76
2 changed files with 19 additions and 2 deletions

View File

@@ -20,6 +20,7 @@ module.exports =
success: (response) ->
pasteboard.write(response.html_url)
notification = $$ ->
@div "Gist #{response.id} created", class: 'gist-notification'
@div class: 'gist-notification', =>
@span "Gist #{response.id} created"
rootView.append(notification.hide())
notification.fadeIn().delay(1800).fadeOut(complete: -> $(this).remove())

View File

@@ -4,8 +4,24 @@
left: 50%;
margin-left: -5%;
z-index: 99;
padding: 10px;
padding-left: 5px;
padding-right: 10px;
-webkit-box-shadow: 0px 0px 5px 5px #222;
color: #FFF;
background-color: #444;
}
.gist-notification span {
position: relative;
top: -8px;
}
.gist-notification:before {
font-family: 'Octicons Regular';
font-size: 32px;
width: 32px;
height: 32px;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
content: "\f08c";
}