[taler-merchant-backoffice] branch master updated: css fun, remove drop-down, too complex

[gnunet]

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

grothoff pushed a commit to branch master
in repository merchant-backoffice.

The following commit(s) were added to refs/heads/master by this push:
     new ef79e9b  css fun, remove drop-down, too complex
ef79e9b is described below

commit ef79e9b1d247e73bd612a08116c23372f9843587
Author: Christian Grothoff <christian@grothoff.org>
AuthorDate: Tue Oct 18 12:11:41 2022 +0200

    css fun, remove drop-down, too complex
---
 packages/bank/src/pages/home/index.tsx | 17 +----------------
 packages/bank/src/scss/bank.scss       | 33 +--------------------------------
 packages/bank/src/scss/demo.scss       |  1 +
 3 files changed, 3 insertions(+), 48 deletions(-)

diff --git a/packages/bank/src/pages/home/index.tsx 
b/packages/bank/src/pages/home/index.tsx
index 7d1a9af..66c4f6f 100644
--- a/packages/bank/src/pages/home/index.tsx
+++ b/packages/bank/src/pages/home/index.tsx
@@ -1258,25 +1258,13 @@ function WalletWithdraw(Props: any): VNode {
           name="tform">
           <p>
           {i18n`Amount to withdraw:`}&nbsp;
-          <div class="select-editable">
-          <select onChange={(e): void => {
-              // @ts-ignore
-              var ra : any = document.getElementById("reserve-amount");
-              // @ts-ignore
-              ra.value=this.value;
-              ra.focus();
-            }}>
-            <option value="5.00">5.00</option>
-            <option value="10.00">10.00</option>
-            <option value="15.00">15.00</option>
-            <option value="20.00">20.00</option>
-          </select>
           <input
             type="text"
             id="reserve-amount"
             name="withdraw-amount"
             class="amount" autofocus
             onChange={(e): void => {
+              // FIXME: validate against regex?
               submitAmount = e.currentTarget.value;
             }} />
           &nbsp;
@@ -1287,7 +1275,6 @@ function WalletWithdraw(Props: any): VNode {
             size={currency.length}
             maxLength={currency.length}
             tabIndex={-1} value={currency} />
-          </div>
           </p>
           <p>
           <div>
@@ -1325,8 +1312,6 @@ function PaymentOptions(Props: any): VNode {
   const { backendState, pageStateSetter } = Props;
   const currency = useContext(CurrencyContext);
   const i18n = useTranslator();
-  let submitAmount = '5.00'; // must match the first <select> child.
-  // const amountRegex = "^[0-9]+(\.[0-9]+)?$"; // currently unused
 
   return (<article>
     <div class="payments">
diff --git a/packages/bank/src/scss/bank.scss b/packages/bank/src/scss/bank.scss
index 3023831..a58e60a 100644
--- a/packages/bank/src/scss/bank.scss
+++ b/packages/bank/src/scss/bank.scss
@@ -27,6 +27,7 @@ a.page-number {
 
 a.current-page-number {
   color: inherit;
+  background-color: inherit;
 }
 
 .cancelled {
@@ -120,38 +121,6 @@ input[type="number"] {
   position: relative;
 }
 
-.select-editable {
-    position:relative;
-    background-color:white;
-    border:solid grey 1px;
-    width:120px;
-    height:18px;
-}
-
-.select-editable select {
-    position:absolute;
-    top:0px;
-    left:0px;
-    font-size:14px;
-    border:none;
-    width:120px;
-    margin:0;
-}
-.select-editable input {
-    position:absolute;
-    top:0px;
-    left:0px;
-    width:100px;
-    padding:1px;
-    font-size:12px;
-    border:none;
-}
-.select-editable select:focus,
-.select-editable input:focus {
-    outline:none;
-}
-
-
 #main .fieldlabel {
   display: block;
   padding-bottom: 0.5em;
diff --git a/packages/bank/src/scss/demo.scss b/packages/bank/src/scss/demo.scss
index d075c20..a1d557a 100644
--- a/packages/bank/src/scss/demo.scss
+++ b/packages/bank/src/scss/demo.scss
@@ -19,6 +19,7 @@ Colors:
 .demobar a,
 .demobar a:visited {
   color: inherit;
+  background-color: inherit;
 }
 
 .tt {

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