diff --git a/r2/r2/public/static/close.png b/r2/r2/public/static/close.png new file mode 100644 index 000000000..609b4cd8b Binary files /dev/null and b/r2/r2/public/static/close.png differ diff --git a/r2/r2/public/static/css/reddit.css b/r2/r2/public/static/css/reddit.css index a17ed84a6..a2784668c 100755 --- a/r2/r2/public/static/css/reddit.css +++ b/r2/r2/public/static/css/reddit.css @@ -5416,6 +5416,26 @@ tr.gold-accent + tr > td { margin-left: 80px; } +.gold-payment .close-button { + width: 13px; + height: 13px; + float: right; + margin: 6px 4px 6px 8px; + border: none; + background: url(../close.png) no-repeat; /* SPRITE */ + text-indent: -9999px; + opacity: .25; +} + +.gold-payment .close-button:hover { + opacity: .55; +} + +.gold-payment .close-button:active { + position: relative; + top: 1px; +} + .giftmessage { border: solid #888 1px; color: black; diff --git a/r2/r2/public/static/js/gold.js b/r2/r2/public/static/js/gold.js index 195610cd7..6b2b8091d 100644 --- a/r2/r2/public/static/js/gold.js +++ b/r2/r2/public/static/js/gold.js @@ -4,7 +4,7 @@ r.gold = { init: function () { $('div.content').on( 'click', - 'a.give-gold, .gilded-comment-icon', + 'a.give-gold, .gilded-comment-icon, .gold-payment .close-button', $.proxy(this, '_toggleCommentGoldForm') ) }, diff --git a/r2/r2/templates/goldpayment.html b/r2/r2/templates/goldpayment.html index 3b006bb6e..4304f670d 100644 --- a/r2/r2/templates/goldpayment.html +++ b/r2/r2/templates/goldpayment.html @@ -29,6 +29,9 @@
+ % if thing.clone_template: + + % endif
${unsafe(safemarkdown(thing.summary, wrap=False))}