diff --git a/app/assets/v2/css/bounty.css b/app/assets/v2/css/bounty.css index cfaa81874f1..1ceda0cff17 100644 --- a/app/assets/v2/css/bounty.css +++ b/app/assets/v2/css/bounty.css @@ -359,8 +359,14 @@ a.btn { max-width: 100%; width: 13rem; z-index: 2; - top: 2rem; padding-right: 1rem; + top: 50%; + transform: translateY(-50%); +} + +.waiting-state img { + top: -2rem; + transform: none; } #btn-white img { @@ -419,6 +425,12 @@ a.btn { margin-bottom: 2em; } +.code-snippet { + background-color: #F2F6F9; + padding-top: 1rem; + padding-bottom: 1rem; +} + #bounty_details #issue_description img { max-height: 30rem; max-width: 30rem; @@ -489,6 +501,10 @@ a.btn { text-align: center; } + .loading_img img { + width: 10rem; + } + #bounty_details .tags { margin-top: 10px; float: none; @@ -610,7 +626,6 @@ a.btn { margin: 4rem auto; font-weight: 700; z-index: 2; - padding-top: 100px; } .bounty_details .quote_text { diff --git a/app/assets/v2/js/pages/bounty_details.js b/app/assets/v2/js/pages/bounty_details.js index 2d2a9776b1e..f5eef729371 100644 --- a/app/assets/v2/js/pages/bounty_details.js +++ b/app/assets/v2/js/pages/bounty_details.js @@ -1,45 +1,50 @@ /* eslint block-scoped-var: "warn" */ /* eslint no-redeclare: "warn" */ - var _truthy = function(val) { if (!val || val == '0x0000000000000000000000000000000000000000') { return false; } return true; }; -var address_ize = function(key, val, result) { + +var address_ize = function(key, val) { if (!_truthy(val)) { return [ null, null ]; } return [ key, '' + val + '' ]; }; -var gitcoin_ize = function(key, val, result) { + +var gitcoin_ize = function(key, val) { if (!_truthy(val)) { return [ null, null ]; } return [ key, '@' + val.replace('@', '') + '' ]; }; -var email_ize = function(key, val, result) { + +var email_ize = function(key, val) { if (!_truthy(val)) { return [ null, null ]; } return [ key, '' + val + '' ]; }; -var hide_if_empty = function(key, val, result) { + +var hide_if_empty = function(key, val) { if (!_truthy(val)) { return [ null, null ]; } return [ key, val ]; }; -var unknown_if_empty = function(key, val, result) { + +var unknown_if_empty = function(key, val) { if (!_truthy(val)) { $('#' + key).parent().hide(); return [ key, 'Unknown' ]; } return [ key, val ]; }; -var link_ize = function(key, val, result) { + +var link_ize = function(key, val) { if (!_truthy(val)) { return [ null, null ]; } @@ -85,6 +90,7 @@ var rows = [ 'fulfilled_owners_username', 'fulfillment_accepted_on' ]; + var heads = { 'avatar_url': gettext('Issue'), 'value_in_token': gettext('Issue Funding Info'), @@ -92,6 +98,7 @@ var heads = { 'fulfiller_address': gettext('Submitter'), 'experience_level': gettext('Meta') }; + var callbacks = { 'github_url': link_ize, 'value_in_token': function(key, val, result) { @@ -513,7 +520,6 @@ var show_interest_modal = function() { }); }; - var build_detail_page = function(result) { // setup @@ -569,6 +575,8 @@ var build_detail_page = function(result) { modalClass: 'modal magnify' }); }); + + $('#bounty_details #issue_description code').parent().addClass('code-snippet'); }; const is_current_user_interested = function(result) { @@ -1078,7 +1086,6 @@ var main = function() { }, 100); }; - window.addEventListener('load', function() { main(); });