diff --git a/site/swap.html b/site/swap.html index 123932166..eeee379e3 100644 --- a/site/swap.html +++ b/site/swap.html @@ -70,7 +70,8 @@ input[readonly]{color:var(--ash)} .status[data-state="bad"]{color:var(--bad)} .status code,td code,dd code{font-family:var(--f-mono);font-size:13px;background:var(--obsidian);padding:1px 6px;border-radius:6px} p.small,.small{font-size:14px;color:var(--ash);line-height:1.55} -table.swaps,table.pools{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px} +table.swaps,table.pools{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;margin-top:8px} +table.swaps td,table.pools td,table.swaps th,table.pools th{white-space:normal;overflow-wrap:anywhere;word-break:break-word} table.swaps th,table.pools th{text-align:left;color:var(--ash);font-weight:500;padding:8px 6px;border-bottom:1px solid var(--line)} table.swaps td,table.pools td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere} table.swaps td[data-state="bad"]{color:var(--bad)} @@ -284,6 +285,7 @@ dt{color:var(--ash)}dd{margin:0;font-family:var(--f-mono);font-size:13px;overflo PoolReserves Reading the chain… +

@@ -512,9 +514,10 @@ dt{color:var(--ash)}dd{margin:0;font-family:var(--f-mono);font-size:13px;overflo function refreshPools(){ rpc('eth_blockNumber',[]).then(function(n){ var h=parseInt(n,16);rpcBehind=h';return;} + if(rpcBehind){$('pools-body').innerHTML='RPC syncing';say($('pools-note'),'The public RPC is syncing: block '+h.toLocaleString('en-GB')+' of at least '+DEPLOY_BLOCK.toLocaleString('en-GB')+'. Reserves, quotes and swaps appear when it reaches the pools.','bad');return;} + say($('pools-note'),'',''); return readPools(); - }).catch(function(){$('pools-body').innerHTML='The public RPC did not answer. Try again in a minute.';}); + }).catch(function(){$('pools-body').innerHTML='no answer';say($('pools-note'),'The public RPC did not answer. Try again in a minute.','bad');}); } function readPools(){ Promise.all(POOLS.map(function(p){return call(A.router,enc(S.getReserves,['address','address'],[p.a,p.b])).then(function(r){var w=words(r);return fmt(w[0],2)+' '+p.sa+' / '+fmt(w[1],2)+' '+p.sb;}).catch(function(){return 'unreadable';});})).then(function(rows){