[taler-wallet-core] 02/02: fix height, wallet popup should stay at 400x320

[gnunet]

This is an automated email from the git hooks/post-receive script.

sebasjm pushed a commit to branch master
in repository wallet-core.

commit 6a2943618e97d3aa62f19aabb403b0bae08b63e9
Author: Sebastian <sebasjm@gmail.com>
AuthorDate: Sun Jun 20 20:52:30 2021 -0300

    fix height, wallet popup should stay at 400x320
---
 packages/taler-wallet-webextension/src/popup/History.tsx     |  2 +-
 packages/taler-wallet-webextension/src/popup/Transaction.tsx | 12 ++++++------
 packages/taler-wallet-webextension/src/popupEntryPoint.tsx   |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/taler-wallet-webextension/src/popup/History.tsx 
b/packages/taler-wallet-webextension/src/popup/History.tsx
index 1a70f00f..f055f6cb 100644
--- a/packages/taler-wallet-webextension/src/popup/History.tsx
+++ b/packages/taler-wallet-webextension/src/popup/History.tsx
@@ -42,7 +42,7 @@ export function HistoryPage(props: any): JSX.Element {
 }
 
 export function HistoryView({ list }: { list: Transaction[] }) {
-  return <div style={{ height: 'calc(20rem - 34px )', overflow: 'auto', width: 
'100%' }}>
+  return <div style={{ height: 'calc(320px - 34px - 2em)', overflow: 'auto', 
width: '100%' }}>
     {list.map((tx, i) => (
       <TransactionItem key={i} tx={tx} />
     ))}
diff --git a/packages/taler-wallet-webextension/src/popup/Transaction.tsx 
b/packages/taler-wallet-webextension/src/popup/Transaction.tsx
index 6939a08c..2db4cc1a 100644
--- a/packages/taler-wallet-webextension/src/popup/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/popup/Transaction.tsx
@@ -83,7 +83,7 @@ export function TransactionView({ transaction, onDelete, 
onBack }: WalletTransac
     ).amount
     return (
       <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }} 
>
-        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(20rem - 34px - 45px)', overflow: 'auto' }}>
+        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(320px - 34px - 45px - 2em)', overflow: 'auto' }}>
           <span style="flat: left; font-size:small; 
color:gray">{transaction.timestamp.t_ms === "never" ? "never" : 
format(transaction.timestamp.t_ms, 'dd/MM/yyyy HH:mm:ss')}</span>
           <span style="float: right; font-size:small; color:gray">
             From <b>{transaction.exchangeBaseUrl}</b>
@@ -108,7 +108,7 @@ export function TransactionView({ transaction, onDelete, 
onBack }: WalletTransac
 
     return (
       <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }} 
>
-        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(20rem - 34px - 45px)', overflow: 'auto' }}>
+        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(320px - 34px - 45px - 2em)', overflow: 'auto' }}>
           <span style="flat: left; font-size:small; 
color:gray">{transaction.timestamp.t_ms === "never" ? "never" : 
format(transaction.timestamp.t_ms, 'dd/MM/yyyy HH:mm:ss')}</span>
           <span style="float: right; font-size:small; color:gray">
             To <b>{transaction.info.merchant.name}</b>
@@ -146,7 +146,7 @@ export function TransactionView({ transaction, onDelete, 
onBack }: WalletTransac
     ).amount
     return (
       <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }} 
>
-        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(20rem - 34px - 45px)', overflow: 'auto' }}>
+        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(320px - 34px - 45px - 2em)', overflow: 'auto' }}>
           <span style="flat: left; font-size:small; 
color:gray">{transaction.timestamp.t_ms === "never" ? "never" : 
format(transaction.timestamp.t_ms, 'dd/MM/yyyy HH:mm:ss')}</span>
           <span style="float: right; font-size:small; color:gray">
             To <b>{transaction.targetPaytoUri}</b>
@@ -166,7 +166,7 @@ export function TransactionView({ transaction, onDelete, 
onBack }: WalletTransac
     ).amount
     return (
       <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }} 
>
-        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(20rem - 34px - 45px)', overflow: 'auto' }}>
+        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(320px - 34px - 45px - 2em)', overflow: 'auto' }}>
           <span style="flat: left; font-size:small; 
color:gray">{transaction.timestamp.t_ms === "never" ? "never" : 
format(transaction.timestamp.t_ms, 'dd/MM/yyyy HH:mm:ss')}</span>
           <span style="float: right; font-size:small; color:gray">
             From <b>{transaction.exchangeBaseUrl}</b>
@@ -186,7 +186,7 @@ export function TransactionView({ transaction, onDelete, 
onBack }: WalletTransac
     ).amount
     return (
       <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }} 
>
-        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(20rem - 34px - 45px)', overflow: 'auto' }}>
+        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(320px - 34px - 45px - 2em)', overflow: 'auto' }}>
           <span style="flat: left; font-size:small; 
color:gray">{transaction.timestamp.t_ms === "never" ? "never" : 
format(transaction.timestamp.t_ms, 'dd/MM/yyyy HH:mm:ss')}</span>
           <span style="float: right; font-size:small; color:gray">
             From <b>{transaction.merchantBaseUrl}</b>
@@ -206,7 +206,7 @@ export function TransactionView({ transaction, onDelete, 
onBack }: WalletTransac
     ).amount
     return (
       <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }} 
>
-        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(20rem - 34px - 45px)', overflow: 'auto' }}>
+        <section style={{ color: transaction.pending ? 'gray' : '', flex: '1 0 
auto', height: 'calc(320px - 34px - 45px - 2em)', overflow: 'auto' }}>
           <span style="flat: left; font-size:small; 
color:gray">{transaction.timestamp.t_ms === "never" ? "never" : 
format(transaction.timestamp.t_ms, 'dd/MM/yyyy HH:mm:ss')}</span>
           <span style="float: right; font-size:small; color:gray">
             From <b>{transaction.info.merchant.name}</b>
diff --git a/packages/taler-wallet-webextension/src/popupEntryPoint.tsx 
b/packages/taler-wallet-webextension/src/popupEntryPoint.tsx
index 543b6872..05c5cca9 100644
--- a/packages/taler-wallet-webextension/src/popupEntryPoint.tsx
+++ b/packages/taler-wallet-webextension/src/popupEntryPoint.tsx
@@ -88,7 +88,7 @@ function Application() {
   return (
     <div>
       <Match>{({ path }: any) => <WalletNavBar current={path} />}</Match >
-      <div style={{ margin: "1em", width: 400, height: 'calc(20rem - 34px)' }}>
+      <div style={{ padding: "1em", width: 'calc(400px - 2em)', height: 
'calc(320px - 34px - 2em)' }}>
         <Router>
           <Route path={Pages.balance} component={BalancePage} />
           <Route path={Pages.settings} component={SettingsPage} />

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.