FIX (#1315)

- split transaction mobile input
- privacy for day totals

app/javascript/controllers/split_transaction_controller.js

@@ -70,8 +70,8 @@ export default class extends Controller {
     }
 
     row.innerHTML = `
-      <div class="flex items-end gap-2">
-        <div class="flex-1 min-w-0">
+      <div class="flex flex-wrap md:flex-nowrap items-end gap-2">
+        <div class="w-full md:flex-1 md:w-auto min-w-0">
           <label class="text-xs font-medium text-secondary uppercase tracking-wide block mb-1">Name</label>
           <input type="text"
                  name="split[splits][${index}][name]"
@@ -81,7 +81,7 @@ export default class extends Controller {
                  autocomplete="off"
                  data-split-transaction-target="nameInput">
         </div>
-        <div class="w-28 shrink-0">
+        <div class="flex-1 md:flex-none md:w-28">
           <label class="text-xs font-medium text-secondary uppercase tracking-wide block mb-1">Amount</label>
           <input type="number"
                  name="split[splits][${index}][amount]"

app/views/entries/_entry_group.html.erb

@@ -19,7 +19,7 @@
     </div>
 
     <% if totals %>
-      <div id="entry-group-<%= date %>-totals">
+      <div id="entry-group-<%= date %>-totals" class="privacy-sensitive">
         <%= totals_by_currency(collection: entries, money_method: :amount_money, negate: true) %>
       </div>
     <% end %>

app/views/splits/_category_select.html.erb

@@ -4,7 +4,7 @@
   default_color = "#737373"
 %>
 
-<div class="category-select-container relative w-44 shrink-0" data-controller="select list-filter form-dropdown category-badge-select" data-action="dropdown:select->form-dropdown#onSelect dropdown:select->category-badge-select#updateButton">
+<div class="category-select-container relative flex-1 md:flex-none md:w-44" data-controller="select list-filter form-dropdown category-badge-select" data-action="dropdown:select->form-dropdown#onSelect dropdown:select->category-badge-select#updateButton">
   <label class="text-xs font-medium text-secondary uppercase tracking-wide block mb-1"><%= t("splits.new.category_label") %></label>
   <input type="hidden"
          name="<%= name %>"

app/views/splits/edit.html.erb

@@ -37,8 +37,8 @@
       <div data-split-transaction-target="rowsContainer" class="space-y-3">
         <% @children.each_with_index do |child, index| %>
           <div class="p-3 rounded-lg border border-secondary bg-container" data-split-transaction-target="row">
-            <div class="flex items-end gap-2">
-              <div class="flex-1 min-w-0">
+            <div class="flex flex-wrap md:flex-nowrap items-end gap-2">
+              <div class="w-full md:flex-1 md:w-auto min-w-0">
                 <label class="text-xs font-medium text-secondary uppercase tracking-wide block mb-1"><%= t("splits.new.name_label") %></label>
                 <input type="text"
                        name="split[splits][<%= index %>][name]"
@@ -49,7 +49,7 @@
                        value="<%= child.name %>"
                        data-split-transaction-target="nameInput">
               </div>
-              <div class="w-28 shrink-0">
+              <div class="flex-1 md:flex-none md:w-28">
                 <label class="text-xs font-medium text-secondary uppercase tracking-wide block mb-1"><%= t("splits.new.amount_label") %></label>
                 <input type="number"
                        name="split[splits][<%= index %>][amount]"
@@ -103,8 +103,8 @@
         <%= render DS::Button.new(
           text: t("splits.new.cancel"),
           variant: "outline",
-          href: "#",
-          data: { action: "click->ds--dialog#close" }
+          type: "button",
+          data: { action: "click->DS--dialog#close" }
         ) %>
         <%= render DS::Button.new(
           text: t("splits.edit.submit"),

app/views/splits/new.html.erb

@@ -35,8 +35,8 @@
       <%# Split rows %>
       <div data-split-transaction-target="rowsContainer" class="space-y-3">
         <div class="p-3 rounded-lg border border-secondary bg-container" data-split-transaction-target="row">
-          <div class="flex items-end gap-2">
-            <div class="flex-1 min-w-0">
+          <div class="flex flex-wrap md:flex-nowrap items-end gap-2">
+            <div class="w-full md:flex-1 md:w-auto min-w-0">
               <label class="text-xs font-medium text-secondary uppercase tracking-wide block mb-1"><%= t("splits.new.name_label") %></label>
               <input type="text"
                      name="split[splits][0][name]"
@@ -47,7 +47,7 @@
                      value="<%= @entry.name %>"
                      data-split-transaction-target="nameInput">
             </div>
-            <div class="w-28 shrink-0">
+            <div class="flex-1 md:flex-none md:w-28">
               <label class="text-xs font-medium text-secondary uppercase tracking-wide block mb-1"><%= t("splits.new.amount_label") %></label>
               <input type="number"
                      name="split[splits][0][amount]"
@@ -63,7 +63,7 @@
                        name: "split[splits][0][category_id]",
                        categories: @categories,
                        selected_id: nil %>
-            <div class="w-8 shrink-0"></div>
+            <div class="w-8 shrink-0 hidden md:block"></div>
           </div>
         </div>
       </div>
@@ -94,8 +94,8 @@
         <%= render DS::Button.new(
           text: t("splits.new.cancel"),
           variant: "outline",
-          href: "#",
-          data: { action: "click->ds--dialog#close" }
+          type: "button",
+          data: { action: "click->DS--dialog#close" }
         ) %>
         <%= render DS::Button.new(
           text: t("splits.new.submit"),