From f2cd1098d3be3e504797e8b34c6032865a62136e Mon Sep 17 00:00:00 2001 From: GitHub Action Date: Fri, 21 Apr 2023 09:13:12 +0000 Subject: [PATCH] Update content of files --- data/web/fragment.com/about.html | 6 +- data/web/fragment.com/css/auction.css | 108 ++++++++++++++++++++++++-- data/web/fragment.com/js/auction.js | 20 +++++ 3 files changed, 125 insertions(+), 9 deletions(-) diff --git a/data/web/fragment.com/about.html b/data/web/fragment.com/about.html index 361121afc1..4285ef2ae7 100644 --- a/data/web/fragment.com/about.html +++ b/data/web/fragment.com/about.html @@ -15,7 +15,7 @@ - + @@ -38,10 +38,10 @@ - + - + diff --git a/data/web/fragment.com/css/auction.css b/data/web/fragment.com/css/auction.css index 149ac53fdd..87a38f57b7 100644 --- a/data/web/fragment.com/css/auction.css +++ b/data/web/fragment.com/css/auction.css @@ -104,6 +104,14 @@ a:focus { color: var(--accent-color); } +.link-text { + color: var(--accent-color); + cursor: pointer; +} +.link-text:hover { + text-decoration: underline; +} + input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; @@ -727,13 +735,14 @@ a.tm-pagination-item.active:focus { .tm-header-tab + .tm-header-tab { margin-left: 26px; } -.tm-header-tab-label-new { +.tm-label-new { font-size: 11px; line-height: 14px; font-weight: bold; padding: 1px 5px; - margin-left: 4px; background-color: var(--field-accent-color); + display: inline-block; + margin-left: 4px; color: #fff; border-radius: 4px; } @@ -901,6 +910,14 @@ a.tm-menu-tg-account-body:focus { padding: 16px 19px 2px; margin: 0; } +.support-bots-text-icon { + width: 17px; + height: 17px; + flex-shrink: 0; + background-image: var(--image-url-support-bots-text-icon); + margin: 1px 5px 0 0; + position: relative; +} .tm-header-menu-body:first-child .tm-menu-subheader:first-child { padding-top: 26px; padding-right: 64px; @@ -1457,6 +1474,13 @@ a.tm-menu-link:focus { padding: 18px 0 9px; width: 100%; } +.tm-section-subheader { + font-size: 13px; + line-height: 19px; + margin: -15px 11px 16px; + text-align: center; + width: 100%; +} .tm-section-header-text { font-size: 18px; line-height: 28px; @@ -1522,6 +1546,10 @@ a.tm-menu-link:focus { .tm-section-text + .tm-section-text { margin-top: -9px; } +.tm-section-text .tm-label-new { + vertical-align: top; + margin: 2px 7px 0 0; +} .tm-section-tabs-wrap { display: flex; @@ -1811,6 +1839,49 @@ a.tm-menu-link:focus { overflow: hidden; } +.support-bots-icon { + width: 16px; + height: 16px; + flex-shrink: 0; + background-image: var(--image-url-support-bots-icon); + margin-left: 6px; + margin-top: 1px; + position: relative; +} +.support-bots-icon > .tooltip-label { + font-size: 14px; + line-height: 17px; + padding: 7px 10px; + background-color: var(--tooltip-bg-color); + border-radius: var(--def-border-radius); + color: var(--tooltip-color); + white-space: nowrap; + margin: 9px 0; +} +.support-bots-icon > .tooltip-label, +.support-bots-icon:after { + position: absolute; + content: ''; + display: inline-block; + vertical-align: top; +/* pointer-events: none;*/ + left: 50%; + bottom: 100%; + transition: transform var(--def-transition), opacity var(--def-transition), visibility var(--def-transition); + transition-delay: .1s; + transform: translate(-50px, -5px); + z-index: 1; + visibility: hidden; + opacity: 0; +} +.support-bots-icon:after { + width: 15px; + height: 6px; + background-image: var(--image-url-tooltip-bottom); + transform: translate(-50%, -5px); + margin: 3px 0; +} + .tm-wallet { display: inline-flex; white-space: nowrap; @@ -1855,6 +1926,7 @@ a.tm-wallet:hover { background-color: var(--tooltip-bg-color); border-radius: var(--def-border-radius); color: var(--tooltip-color); + white-space: nowrap; margin: 9px 0; } .tm-wallet .current-icon:after { @@ -3177,6 +3249,18 @@ a.tm-table-action-link:hover { margin-right: -4px; } + .support-bots-icon:hover > .tooltip-label, + .support-bots-icon:hover:after { + pointer-events: auto; + transition-delay: .3s; + transform: translate(-50px, 0); + visibility: visible; + opacity: 1; + } + .support-bots-icon:hover:after { + transform: translate(-50%, 0); + } + .tm-wallet .current-icon { width: 18px; height: 19px; @@ -3359,6 +3443,11 @@ a.tm-table-action-link:hover { .tm-section-header { padding: 22px 0 14px; } + .tm-section-subheader { + margin-top: -17px; + margin-bottom: 18px; + text-align: left; + } .tm-section-header .tm-dropdown { margin-left: 12px; } @@ -3526,18 +3615,21 @@ a.tm-table-action-link:hover { .tm-auction-section .tm-section-header { order: 1; } - .tm-auction-section .tm-section-bid-info { + .tm-auction-section .tm-section-subheader { order: 2; } - .tm-auction-section .tm-section-auction-info { + .tm-auction-section .tm-section-bid-info { order: 3; } - .tm-auction-section .tm-section-buttons { + .tm-auction-section .tm-section-auction-info { order: 4; } - .tm-auction-section .tm-section-countdown-wrap { + .tm-auction-section .tm-section-buttons { order: 5; } + .tm-auction-section .tm-section-countdown-wrap { + order: 6; + } .tm-section-tabs + .tm-section-bid-info, .tm-section-tabs-wrap + .tm-section-bid-info { margin-bottom: 23px; @@ -3696,6 +3788,10 @@ a.tm-table-action-link:hover { --image-url-ton-text-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.68%205h10.63c.22%200%20.4.18.4.41%200%20.07-.01.14-.05.2l-5.04%209.08c-.22.4-.72.54-1.11.32-.14-.08-.25-.19-.32-.33l-4.87-9.08c-.1-.2-.03-.45.17-.55.06-.03.12-.05.19-.05zm5.32%209.78v-9.78z%22%20fill%3D%22none%22%20stroke%3D%22%238c9aa9%22%20stroke-width%3D%221.39%22%2F%3E%3C%2Fsvg%3E'); + --image-url-support-bots-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%234db2ff%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28.67%202%29%22%3E%3Cpath%20d%3D%22m7.33%200c2.58%200%204.67%202.09%204.67%204.67v4.56c0%201.28-1.04%202.33-2.33%202.33h-4.68c-1.28%200-2.32-1.05-2.32-2.33v-4.56c0-2.58%202.09-4.67%204.66-4.67zm0%201.11c-1.96%200-3.55%201.59-3.55%203.56v.44c0%20.74.59%201.33%201.33%201.33h4.45c.73%200%201.33-.59%201.33-1.33v-.44c0-1.97-1.59-3.56-3.56-3.56z%22%2F%3E%3Crect%20height%3D%224.89%22%20rx%3D%22.89%22%20width%3D%221.78%22%20x%3D%2212.89%22%20y%3D%224.89%22%2F%3E%3Crect%20height%3D%224.89%22%20rx%3D%22.89%22%20width%3D%221.78%22%20y%3D%224.89%22%2F%3E%3Cellipse%20cx%3D%228.89%22%20cy%3D%224.22%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3Cellipse%20cx%3D%225.78%22%20cy%3D%224.22%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); + + --image-url-support-bots-text-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%238c9aa9%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28.708333%202.125%29%22%3E%3Cpath%20d%3D%22m7.79%200c2.74%200%204.96%202.22%204.96%204.96v4.84c0%201.37-1.11%202.48-2.47%202.48h-4.97c-1.37%200-2.48-1.11-2.48-2.48v-4.84c0-2.74%202.22-4.96%204.96-4.96zm0%201.18c-2.08%200-3.78%201.69-3.78%203.78v.47c0%20.78.64%201.42%201.42%201.42h4.72c.79%200%201.42-.64%201.42-1.42v-.47c0-2.09-1.69-3.78-3.78-3.78z%22%2F%3E%3Crect%20height%3D%225.19%22%20rx%3D%22.94%22%20width%3D%221.89%22%20x%3D%2213.69%22%20y%3D%225.19%22%2F%3E%3Crect%20height%3D%225.19%22%20rx%3D%22.94%22%20width%3D%221.89%22%20y%3D%225.19%22%2F%3E%3Cellipse%20cx%3D%229.44%22%20cy%3D%224.49%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3Cellipse%20cx%3D%226.14%22%20cy%3D%224.49%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); + --image-url-wallet-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m12.5%2011c.39%200%20.74-.15%201.04-.46.31-.3.46-.66.46-1.06%200-.39-.15-.74-.46-1.03-.3-.3-.65-.45-1.04-.45s-.74.15-1.04.45c-.31.29-.46.64-.46%201.03%200%20.4.15.76.46%201.06.3.31.65.46%201.04.46zm-2.45%202.5c-.47%200-.85-.24-1.13-.52s-.42-.65-.42-1.1v-4.73c0-.48.14-.85.42-1.12s.66-.53%201.13-.53h5.39c.48%200%20.86.26%201.14.53s.42.64.42%201.12v4.73c0%20.45-.14.82-.42%201.1s-.66.52-1.14.52zm-9.05%201v-10c0-1.38%201.12-2.5%202.5-2.5h11.38c.33%200%20.63.13.88.39.25.25.38.54.38.86v.75h-6.35c-.81%200-1.49.64-2.02%201.17-.53.52-.77%201.18-.77%201.98v4.73c0%20.79.24%201.45.77%201.97.53.53%201.21%201.15%202.02%201.15h6.35v.75c0%20.33-.13.63-.38.88s-.55.37-.88.37h-11.38c-1.38%200-2.5-1.12-2.5-2.5z%22%20fill%3D%22%234cb0fd%22%2F%3E%3C%2Fsvg%3E'); --image-url-copy-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20width%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.4%22%3E%3Crect%20height%3D%2211.5%22%20rx%3D%221.5%22%20width%3D%228.48%22%20x%3D%223.52%22%20y%3D%224.5%22%2F%3E%3Cpath%20d%3D%22m1%2012.25v-7.5c0-1.52%201.23-2.75%202.75-2.75h4.35%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); diff --git a/data/web/fragment.com/js/auction.js b/data/web/fragment.com/js/auction.js index 180f233748..d0e7d1f891 100644 --- a/data/web/fragment.com/js/auction.js +++ b/data/web/fragment.com/js/auction.js @@ -16,6 +16,7 @@ var Main = { $(cont).on('click.curPage', '.js-auction-unavail', Main.eAuctionUnavailable); $(cont).on('click.curPage', '.js-howitworks', Main.eHowitworks); $(cont).on('click.curPage', '.js-howofferworks', Main.eHowofferworks); + $(cont).on('click.curPage', '.js-bots-about', Main.eBotsAbout); $(cont).on('click.curPage', '.logout-link', Login.logOut); $(cont).on('click.curPage', '.ton-logout-link', Login.tonLogOut); $(cont).on('click.curPage', '.js-copy-code', Main.copyCode); @@ -24,6 +25,7 @@ var Main = { state.$unavailPopup = $('.js-unavailable-popup'); state.$howitworksPopup = $('.js-howitworks-popup'); state.$howofferworksPopup = $('.js-howofferworks-popup'); + state.$botsaboutPopup = $('.js-botsabout-popup'); state.$mainSearchField = $('.js-main-search-field'); state.$mainSearchForm = $('.js-main-search-form'); state.$mainSearchForm.on('submit', Main.eMainSearchSubmit); @@ -292,6 +294,24 @@ var Main = { } }); }, + eBotsAbout: function(e) { + e.preventDefault(); + e.stopImmediatePropagation(); + var onEnterPress = function(e) { + if (e.keyCode == Keys.RETURN) { + e.stopImmediatePropagation(); + closePopup(Aj.state.$botsaboutPopup); + } + }; + openPopup(Aj.state.$botsaboutPopup, { + onOpen: function() { + $(document).on('keydown', onEnterPress); + }, + onClose: function() { + $(document).off('keydown', onEnterPress); + } + }); + }, amountFieldValue: function($form, field) { var $fieldEl = field ? $form.field(field) : $form; var minValue = $fieldEl.attr('data-min') || null;