merchant-backoffice

commit ef79e9b1d247e73bd612a08116c23372f9843587
parent 884405d318a8dbf0dcb3449cb8ba2a15b2137a19
Author: Christian Grothoff <christian@grothoff.org>
Date:   Tue, 18 Oct 2022 12:11:41 +0200

css fun, remove drop-down, too complex

Diffstat:
M
packages/bank/src/pages/home/index.tsx
 | 
17
+----------------
M
packages/bank/src/scss/bank.scss
 | 
33
+--------------------------------
M
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
@@ -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
@@ -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
@@ -19,6 +19,7 @@ Colors:
 .demobar a,
 .demobar a:visited {
   color: inherit;
+  background-color: inherit;
 }
 
 .tt {