Firefox Lookup Alignment

Firefox Lookup Alignment
pull/377/head
Shahana Farooqui 4 years ago
parent 173d8d8d3a
commit 06bf136568

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -15,5 +15,5 @@
<link rel="stylesheet" href="styles.6830931f3c22f4338345.css"></head> <link rel="stylesheet" href="styles.6830931f3c22f4338345.css"></head>
<body> <body>
<rtl-app></rtl-app> <rtl-app></rtl-app>
<script src="runtime.9e1ee505456a2d8820a9.js" defer></script><script src="polyfills-es5.c5e45b6cc146403bcd74.js" nomodule defer></script><script src="polyfills.afc43f94c88c0955cb04.js" defer></script><script src="main.6456658e1f20df57ead1.js" defer></script></body> <script src="runtime.f2e731f9ee3b67cc97b6.js" defer></script><script src="polyfills-es5.c5e45b6cc146403bcd74.js" nomodule defer></script><script src="polyfills.afc43f94c88c0955cb04.js" defer></script><script src="main.989becf09cdf9f5b7c22.js" defer></script></body>
</html> </html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -1 +1 @@
!function(e){function r(r){for(var n,a,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)a=i[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={0:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+""+({}[e]||e)+"."+{1:"bd61e6826dbafb306978",6:"e2541318e9b128d4649b",7:"4a4cbdfbbc02f4356464",8:"1b551056b55d7fc58bda"}[e]+".js"}(e);var c=new Error;u=function(r){i.onerror=i.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){u({type:"timeout",target:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,(function(r){return e[r]}).bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="",a.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var l=c;t()}([]); !function(e){function r(r){for(var n,a,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)a=i[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={0:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+""+({}[e]||e)+"."+{1:"bd61e6826dbafb306978",6:"236e8c01f667b8761b10",7:"b5a88577b9c1dce4c938",8:"8604595365bd4e4f45a9"}[e]+".js"}(e);var c=new Error;u=function(r){i.onerror=i.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){u({type:"timeout",target:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,(function(r){return e[r]}).bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="",a.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var l=c;t()}([]);

@ -1,5 +1,5 @@
<div fxLayout="column" *ngIf="lookupResult" class="mt-1"> <div fxLayout="column" *ngIf="lookupResult" class="mt-1">
<mat-divider></mat-divider> <mat-divider></mat-divider>
<div fxLayout="column" fxLayoutAlign="space-between stretch" fxLayout.gt-sm="row"> <div fxLayout="column" fxLayoutAlign="space-between stretch" fxLayout.gt-sm="row">
<div fxLayout="column" fxFlex="49" fxLayoutAlign="start start" class="mt-1 bordered-box padding-gap-large"> <div fxLayout="column" fxFlex="49" fxLayoutAlign="start start" class="mt-1 bordered-box padding-gap-large">
<div fxLayout="column"> <div fxLayout="column">

@ -1,29 +1,28 @@
<div fxLayout="column" *ngIf="lookupResult" class="mt-1"> <div fxLayout="column" *ngIf="lookupResult" class="mt-1">
<mat-divider></mat-divider> <mat-divider [inset]="true" class="mb-1"></mat-divider>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Pub Key</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Pub Key</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.nodeid}}</span> <span class="foreground-secondary-text w-100">{{lookupResult.nodeid}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="row"> <div fxLayout="row">
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4>
<span class="foreground-secondary-text">{{lookupResult.alias}}<span class="ml-2" [ngStyle]="{'background-color': '#' + lookupResult.color}">{{lookupResult.color ? '#' + lookupResult.color : ''}}</span></span> <span class="foreground-secondary-text">{{lookupResult.alias}}<span class="ml-2" [ngStyle]="{'background-color': '#' + lookupResult.color}">{{lookupResult.color ? '#' + lookupResult.color : ''}}</span></span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="row"> <div fxLayout="row">
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Last Update</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Last Update</h4>
<span class="foreground-secondary-text">{{lookupResult.last_timestamp_str}}</span> <span class="foreground-secondary-text">{{lookupResult.last_timestamp_str}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Features</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Features</h4>
<span class="foreground-secondary-text">{{lookupResult.features}}</span> <span class="foreground-secondary-text">{{lookupResult.features}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="column" class="mt-2"> <div fxLayout="column" class="mt-2">
<h4 fxFlex="100" fxLayoutAlign="start" class="font-bold-500 mb-1">Addresses</h4> <h4 fxFlex="100" fxLayoutAlign="start" class="font-bold-500 mb-1">Addresses</h4>
<div perfectScrollbar fxLayout="row" fxLayoutAlign="start center" fxFlex="100" class="table-container"> <div perfectScrollbar fxLayout="row" fxLayoutAlign="start center" fxFlex="100" class="table-container">

@ -1,25 +1,27 @@
<div fxLayout="column" *ngIf="lookupResult" class="mt-1"> <div fxLayout="column" *ngIf="lookupResult" class="mt-1">
<mat-divider></mat-divider> <mat-divider [inset]="true" class="mb-1"></mat-divider>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> <div fxLayout="row">
<h4 fxLayoutAlign="start" class="font-bold-500">Pub Key</h4> <div fxFlex="100">
<span class="foreground-secondary-text w-100">{{lookupResult.nodeId}}</span> <h4 fxLayoutAlign="start" class="font-bold-500">Pub Key</h4>
<mat-divider class="my-1"></mat-divider> <span class="foreground-secondary-text w-100">{{lookupResult.nodeId}}</span>
</div>
</div> </div>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> <mat-divider [inset]="true" class="my-1"></mat-divider>
<h4 fxLayoutAlign="start" class="font-bold-500">Signature</h4> <div fxLayout="row">
<span class="foreground-secondary-text">{{lookupResult.signature}}</span> <div fxFlex="100">
<mat-divider class="my-1"></mat-divider> <h4 fxLayoutAlign="start" class="font-bold-500">Signature</h4>
<span class="foreground-secondary-text">{{lookupResult.signature}}</span>
</div>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="row"> <div fxLayout="row">
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxFlex="50">
<h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4>
<span class="foreground-secondary-text">{{lookupResult.alias}}<span class="ml-2" [ngStyle]="{'background-color': lookupResult.rgbColor}">{{lookupResult.rgbColor ? lookupResult.rgbColor : ''}}</span></span> <span class="foreground-secondary-text">{{lookupResult.alias}}<span class="ml-2" [ngStyle]="{'background-color': lookupResult.rgbColor}">{{lookupResult.rgbColor ? lookupResult.rgbColor : ''}}</span></span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxFlex="50">
<h4 fxLayoutAlign="start" class="font-bold-500">Date/Time</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Date/Time</h4>
<span class="foreground-secondary-text">{{lookupResult.timestampStr}}</span> <span class="foreground-secondary-text">{{lookupResult.timestampStr}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
</div> </div>
<div fxLayout="column" class="mt-2"> <div fxLayout="column" class="mt-2">

@ -434,7 +434,7 @@ export class ECLEffects implements OnDestroy {
this.store.dispatch(new ECLActions.FetchChannels()); this.store.dispatch(new ECLActions.FetchChannels());
this.store.dispatch(new ECLActions.SetDecodedPayment({})); this.store.dispatch(new ECLActions.SetDecodedPayment({}));
this.store.dispatch(new ECLActions.FetchAudit()); this.store.dispatch(new ECLActions.FetchAudit());
this.store.dispatch(new RTLActions.OpenSnackBar('Payment Sent Successfully!')); this.store.dispatch(new RTLActions.OpenSnackBar('Payment Submitted!'));
}, 3000); }, 3000);
return { type: RTLActions.VOID }; return { type: RTLActions.VOID };
} }

@ -1,26 +1,26 @@
<div fxLayout="column" *ngIf="lookupResult" class="mt-1"> <div fxLayout="column" *ngIf="lookupResult" class="mt-1">
<mat-divider></mat-divider> <mat-divider [inset]="true" class="mb-1"></mat-divider>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 class="font-bold-500">Channel Id</h4> <h4 class="font-bold-500">Channel Id</h4>
<span class="foreground-secondary-text">{{lookupResult.channel_id}}</span> <span class="foreground-secondary-text">{{lookupResult.channel_id}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 class="font-bold-500">Channel Point</h4> <h4 class="font-bold-500">Channel Point</h4>
<span class="foreground-secondary-text">{{lookupResult.chan_point}}</span> <span class="foreground-secondary-text">{{lookupResult.chan_point}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="row"> <div fxLayout="row">
<div fxLayout="column" fxFlex="100" fxFlex.gt-sm="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="100" fxFlex.gt-sm="50" fxLayoutAlign="end start" class="my-1">
<h4 class="font-bold-500">Last Update</h4> <h4 class="font-bold-500">Last Update</h4>
<span class="foreground-secondary-text">{{lookupResult.last_update_str}}</span> <span class="foreground-secondary-text">{{lookupResult.last_update_str}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<div fxLayout="column" fxFlex="100" fxFlex.gt-sm="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="100" fxFlex.gt-sm="50" fxLayoutAlign="end start" class="my-1">
<h4 class="font-bold-500">Capacity (Sats)</h4> <h4 class="font-bold-500">Capacity (Sats)</h4>
<span class="foreground-secondary-text">{{lookupResult.capacity | number}}</span> <span class="foreground-secondary-text">{{lookupResult.capacity | number}}</span>
</div> </div>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="column" fxLayoutAlign="space-between stretch" fxLayout.gt-sm="row"> <div fxLayout="column" fxLayoutAlign="space-between stretch" fxLayout.gt-sm="row">
<div fxLayout="column" fxFlex="49" fxLayoutAlign="start start" class="mt-1 bordered-box padding-gap-large"> <div fxLayout="column" fxFlex="49" fxLayoutAlign="start start" class="mt-1 bordered-box padding-gap-large">
<div fxLayout="column"> <div fxLayout="column">

@ -1,34 +1,32 @@
<div fxLayout="column" *ngIf="lookupResult" class="mt-1"> <div fxLayout="column" *ngIf="lookupResult" class="mt-1">
<mat-divider></mat-divider> <mat-divider [inset]="true" class="mb-1"></mat-divider>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Pub Key</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Pub Key</h4>
<span class="foreground-secondary-text w-100">{{lookupResult.node.pub_key}}</span> <span class="foreground-secondary-text w-100">{{lookupResult.node.pub_key}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="row"> <div fxLayout="row">
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Alias</h4>
<span class="foreground-secondary-text">{{lookupResult.node.alias}}<span class="ml-2" [ngStyle]="{'background-color': lookupResult.node?.color}">{{lookupResult.node?.color}}</span></span> <span class="foreground-secondary-text">{{lookupResult.node.alias}}<span class="ml-2" [ngStyle]="{'background-color': lookupResult.node?.color}">{{lookupResult.node?.color}}</span></span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Last Update</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Last Update</h4>
<span class="foreground-secondary-text">{{lookupResult.node.last_update_str}}</span> <span class="foreground-secondary-text">{{lookupResult.node.last_update_str}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="row"> <div fxLayout="row">
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Total Capacity (Sats)</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Total Capacity (Sats)</h4>
<span class="foreground-secondary-text">{{lookupResult.total_capacity | number}}</span> <span class="foreground-secondary-text">{{lookupResult.total_capacity | number}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
<div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="end start" class="my-1">
<h4 fxLayoutAlign="start" class="font-bold-500">Number of Channels</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Number of Channels</h4>
<span class="foreground-secondary-text">{{lookupResult.num_channels | number}}</span> <span class="foreground-secondary-text">{{lookupResult.num_channels | number}}</span>
<mat-divider class="my-1"></mat-divider>
</div> </div>
</div> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="column" class="mt-2"> <div fxLayout="column" class="mt-2">
<h4 fxFlex="100" fxLayoutAlign="start" class="font-bold-500 mb-1">Addresses</h4> <h4 fxFlex="100" fxLayoutAlign="start" class="font-bold-500 mb-1">Addresses</h4>
<div perfectScrollbar fxLayout="row" fxLayoutAlign="start center" fxFlex="100" class="table-container"> <div perfectScrollbar fxLayout="row" fxLayoutAlign="start center" fxFlex="100" class="table-container">

Loading…
Cancel
Save