From bdc85bec76ca54f1dd19ad7592fde04f783a8457 Mon Sep 17 00:00:00 2001 From: Kevin Sawicki Date: Thu, 10 Jan 2013 15:03:41 -0800 Subject: [PATCH] Add octicon to Gist notification --- src/packages/gists/lib/gists.coffee | 3 ++- src/packages/gists/stylesheets/gists.css | 18 +++++++++++++++++- 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/src/packages/gists/lib/gists.coffee b/src/packages/gists/lib/gists.coffee index 008c7d48d..68c86d5f6 100644 --- a/src/packages/gists/lib/gists.coffee +++ b/src/packages/gists/lib/gists.coffee @@ -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()) diff --git a/src/packages/gists/stylesheets/gists.css b/src/packages/gists/stylesheets/gists.css index 7bb372e2a..5422f4561 100644 --- a/src/packages/gists/stylesheets/gists.css +++ b/src/packages/gists/stylesheets/gists.css @@ -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"; +}