Merge branch 'retire-arrow-input' into 'master'

Design des inputs

See merge request leximpact/leximpact-socio-fiscal-ui!46

src/lib/components/variables/VariableReferredScaleAtInstant.svelte

@@ -120,8 +120,8 @@
   }
 </script>
 
-<div class="flex-col">
-  <div>
+<div class="flex-col overflow-x-auto">
+  <div class="">
     <table class="table-auto border-collapse ">
       <thead>
         <tr>
@@ -171,7 +171,7 @@
                     ? null
                     : bracketAtInstant.threshold?.value ?? null}
                 />
-                <span class="font-serif text-base">
+                <span class="ml-1 text-base">
                   {labelFromUnit(billParameter.threshold_unit) ?? ""}
                 </span>
                 {#if showErrors && errorAsKeyValueDictionary(errorAsKeyValueDictionary(errorsAtIndex).threshold).value !== undefined}
@@ -202,7 +202,7 @@
                           asAmountBracketAtInstant(bracketAtInstant).amount,
                         ).value ?? null}
                   />
-                  <span class="font-serif text-base">
+                  <span class="text-base">
                     {labelFromUnit(billParameter.amount_unit) ?? ""}
                   </span>
                   {#if showErrors && errorAsKeyValueDictionary(errorAsKeyValueDictionary(errorsAtIndex).amount).value !== undefined}
@@ -234,7 +234,7 @@
                             asRateBracketAtInstant(bracketAtInstant).base,
                           )?.value ?? null}
                     />
-                    <span class="font-serif text-base">
+                    <span class="ml-1 text-base">
                       <!-- TODO: Should be parameter.base_unit. -->
                       {labelFromUnit(billParameter.threshold_unit) ?? ""}
                     </span>
@@ -265,7 +265,7 @@
                           asRateBracketAtInstant(bracketAtInstant).rate,
                         )?.value ?? null}
                   />
-                  <span class="font-serif text-base">
+                  <span class="ml-1 text-base">
                     <!-- TODO: Should be parameter.base_unit. -->
                     {labelFromUnit(billParameter.rate_unit) ?? ""}
                   </span>

src/lib/components/variables/VariableReferredValueEdit.svelte

@@ -68,7 +68,7 @@
     >
   {/if}
   <input
-    class="bg-white rounded-sm text-black font-serif text-lg border-b border-l-0 border-r-0 border-t-0 py-0 w-24 {valueFormatted !==
+    class="bg-white rounded-sm text-black font-serif text-lg border-b border-l-0 border-r-0 border-t-0 py-0 w-16 {valueFormatted !==
     billValueFormatted
       ? 'bg-le-jaune hover:text-le-gris-dispositif-dark'
       : valueFormatted !== lawValueFormatted
@@ -82,12 +82,22 @@
   />
 {:else if Array.isArray(value)}
   <span
-    class="bg-white rounded-sm text-[#FF4133] font-serif text-lg border-b border-l-0 border-r-0 border-t-0 py-0 w-24"
+    class="bg-white rounded-sm text-[#FF4133] font-serif text-lg border-b border-l-0 border-r-0 border-t-0 py-0 w-16"
     >TODO array</span
   >
 {:else}
   <span
-    class="bg-white rounded-sm text-[#FF4133] font-serif text-lg border-b border-l-0 border-r-0 border-t-0 py-0 w-24"
+    class="bg-white rounded-sm text-[#FF4133] font-serif text-lg border-b border-l-0 border-r-0 border-t-0 py-0 w-16"
     >TODO dict</span
   >
 {/if}
+
+<style>
+  input::-webkit-inner-spin-button,
+  input::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+  }
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+</style>

src/lib/components/variables/VariableReferredValueParameter.svelte

@@ -94,7 +94,7 @@
         {value}
       />
     </div>
-    <span class="font-serif text-base">
+    <span class="ml-1 text-base">
       {labelFromUnit(billParameter.unit) ?? ""}
     </span>
     <!--Date du paramètre-->