Firefox Lookup Alignment

Firefox Lookup Alignment
This commit is contained in:
Shahana Farooqui 2020-07-07 19:02:18 -04:00
parent 173d8d8d3a
commit 06bf136568
13 changed files with 37 additions and 38 deletions

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

View file

@ -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

View file

@ -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()}([]);

View file

@ -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">

View file

@ -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">
<div fxFlex="100">
<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>
<div fxLayout="column" fxFlex="100" fxLayoutAlign="end start" class="my-1"> </div>
<mat-divider [inset]="true" class="my-1"></mat-divider>
<div fxLayout="row">
<div fxFlex="100">
<h4 fxLayoutAlign="start" class="font-bold-500">Signature</h4> <h4 fxLayoutAlign="start" class="font-bold-500">Signature</h4>
<span class="foreground-secondary-text">{{lookupResult.signature}}</span> <span class="foreground-secondary-text">{{lookupResult.signature}}</span>
<mat-divider class="my-1"></mat-divider>
</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">

View file

@ -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 };
} }

View file

@ -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">

View file

@ -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">