recourse 4.2.0 → 4.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 37d576acaaf1fd87766eb000852a30004862d606e02ea950577f76a3d4f8c8ee
-  data.tar.gz: af168a49adf4d3df402ee1f6f093cefe3528dbcfb77727ada7b1270539006475
+  metadata.gz: 00e1253a6c0a7e462efb88f9c46765d51cbc90b20073cf72fefc38ac468d31b2
+  data.tar.gz: 51271fdc26d6a06cf53089e747f70a842b51d71ffa1fe163e4dc08927e1ba005
 SHA512:
-  metadata.gz: bf99a21586c91bb03722206dc18f289cc49338c659e6ef0c3ffeac37ede0aba147ac80f1da437df3ab21c0b59951fcb2ecf86e0d6c2b411e8c465a59a17b48c3
-  data.tar.gz: 966f579457d4917bf4b9f17f2efe65bda9445b0e013d7cff33712fc07e027bfe6606cb0e78c45d2b11c26c42dfdcaf014c78e54ad3e9df8ca71c167b94cfef8c
+  metadata.gz: 3526cb175143ce2fae2919654b9f7afb7c1e44e6188462084e56c784f81aaf624cc128b760499991d79bf809fab97b14a50156c15f1e4969fff710309bfee4e2
+  data.tar.gz: a4aac6c9576b269c9df0f66fa4f0e60ca4e8da4461500be1a534caa2f25f33ff6c08d88e4e7ec431edc15d3ad4cb6c9af80725245f45d82557586640c79cab46

data/CHANGELOG.md

@@ -5,6 +5,25 @@ All notable changes to this project will be documented in this file.
 For more information about changelogs, check [Keep a Changelog](http://keepachangelog.com) and
 [Vandamme](http://tech-angels.github.io/vandamme).
 
+## 4.3.0 - 2026-09-08
+
+* [Feature] On a phone a stacked cell reads as one line, `Estimate hi: 600`
+* [Feature] On a phone the sidebar's icons carry their words: `Dark mode`, `Light mode`, `Exit`
+* [Fix] A page never scrolls sideways on a phone, and Safari no longer zooms out of it
+
+  Safari laid the stacked table's hidden header row out at its full width; the page
+  now clips what would run past the window.
+
+* [Fix] Safari no longer zooms in on the search box or a filter when it is focused
+
+  The small controls were 14px, and Safari zooms on any field under 16; on a phone
+  they take the body's size.
+
+* [Fix] The footer's sentence stands above the pages on a phone rather than beside them
+* [Fix] A filter's menu drops over the first rows of the table rather than under them
+* [Feature] A date or a time is headed `Created` and `Updated`, not `Created at` and `Updated at`
+* [Fix] A touch screen gets no hover tint on a table's rows
+
 ## 4.2.0 - 2026-09-08
 
 * [Feature] The log-out button sits beside the light/dark toggle

data/app/views/layouts/recourses.html.erb

@@ -101,6 +101,25 @@
         --bs-breadcrumb-link-hover-color: var(--bs-breadcrumb-link-active-color);
       }
 
+      /* Nothing here is meant to be wider than the window: the one thing that is, a
+         table, scrolls inside its own wrapper. Safari lays a stacked table's hidden
+         header row out at its full width all the same, and a page that can be
+         scrolled to it is a page Safari zooms out of and draws the navbar short on. */
+      html, .recourse-shell { overflow-x: hidden; }
+
+      /* A finger does not hover. The tint a pointer leaves on the row under it would
+         stay on whatever row was last touched, so a touch screen gets none. */
+      @media (hover: none) {
+        .table-hover > tbody > tr:hover > * {
+          --bs-table-color-state: initial;
+          --bs-table-bg-state: initial;
+        }
+      }
+
+      /* The navbar and the sidebar stack over the main column: a menu opened from a
+         filter or a link's tooltip drops over the first rows rather than under them. */
+      .recourse-shell > nav, .recourse-sidebar { position: relative; z-index: 2; }
+
       /* An action column is as wide as a row is tall — an icon in a square — and a
          counter column starts at the same square, widening only when a figure like
          38,405 needs the room: a table laying out to 100% reads the width as a
@@ -116,6 +135,23 @@
         }
       }
 
+      /* Stacked, a cell reads as one line — `Estimate hi: 600`, the heading semibold
+         and the value after it — where Bootstrap puts the heading on a line of its own
+         and leaves the row's first cell with no heading at all, bold in its place: a
+         status opening a row would be a bare badge. Every cell is headed here. And a
+         value with no space in it — an address, a token — breaks rather than widening
+         the row past the phone. */
+      @container (width < 576px) {
+        .sm\:table-stacked > tbody > tr > td[data-cell]::before {
+          content: attr(data-cell) ': ';
+          display: inline;
+          font-weight: var(--bs-font-weight-semibold);
+        }
+        .sm\:table-stacked > tbody > tr > td:first-child { font-weight: inherit; }
+        .sm\:table-stacked > tbody > tr > td:not(:first-child) + td::before { margin-block-start: 0; }
+        .sm\:table-stacked > tbody > tr > td { overflow-wrap: anywhere; }
+      }
+
       /* A counter says what it counts in one of two ways, and the table's own width is
          what picks: the icon and a bare figure where the column is a square, the
          counted model's words where there is room to read them. Bootstrap's `xl`, so
@@ -224,6 +260,9 @@
         .recourse-search { max-width: none; }
         .recourse-search-box,
         .recourse-search .combobox-toggle { flex: 1 1 100%; }
+        /* Safari zooms in on a field whose text is under 16px, and the small controls
+           are 14px: on a phone they take the body's size, and focusing one moves nothing. */
+        .recourse-search { --bs-btn-input-sm-font-size: var(--bs-body-font-size); }
       }
 
       /* Held Option marks the letter each sidebar link answers to. Marked rather than
@@ -376,6 +415,17 @@
         }
       }
 
+      /* While the sidebar is a row its foot has room for words, so each icon is followed
+         by its own; as a column the words are read but not seen, the way Bootstrap's
+         `.visually-hidden` does it. */
+      .recourse-foot-word { margin-inline-start: .4em; }
+      @media (width >= 768px) {
+        .recourse-foot-word {
+          position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
+          overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
+        }
+      }
+
       /* The toggle draws both icons and shows the one that names where a click
          would go: a moon on a light page, a sun on a dark one. Three states rather than
          two, because a page nobody has chosen for carries no attribute at all, and the

data/app/views/recourses/_footer.html.erb

@@ -1,6 +1,7 @@
 <%# locals: (pagy:) %>
 <% if pagy %>
-  <div class='d-flex align-items-center' <%= tag.attributes data: limit_data(pagy) %>>
+  <%# A column on a phone, the sentence above the pages, and one row from `sm` up. -%>
+  <div class='d-flex flex-column sm:flex-row sm:align-items-center' <%= tag.attributes data: limit_data(pagy) %>>
     <%# The gem's own sentence from pagy's public readers, every figure delimited —
         rewriting pagy's English with a regex delimited one figure, only in English.
         The switch follows it after a dot: how much of the table is showing, then the
@@ -17,6 +18,6 @@
         <%= t 'recourse.displaying', count: pagy.count %>
       <% end %>
     </div>
-    <div class='pe-2'><%== pagy.series_nav(:bootstrap, classes: 'pagination mb-0') if pagy.last > 1 %></div>
+    <div class='px-2 mt-2 sm:mt-0'><%== pagy.series_nav(:bootstrap, classes: 'pagination mb-0') if pagy.last > 1 %></div>
   </div>
 <% end %>

data/app/views/recourses/_sidebar.html.erb

@@ -24,11 +24,11 @@
                      data: scheme_data do %>
         <span class='recourse-scheme-light'>
           <i class='bi bi-moon-fill'></i>
-          <span class='visually-hidden'><%= t 'recourse.darken' %></span>
+          <span class='recourse-foot-word'><%= t 'recourse.darken' %></span>
         </span>
         <span class='recourse-scheme-dark'>
           <i class='bi bi-sun-fill'></i>
-          <span class='visually-hidden'><%= t 'recourse.lighten' %></span>
+          <span class='recourse-foot-word'><%= t 'recourse.lighten' %></span>
         </span>
       <% end %>
     </div>
@@ -38,7 +38,7 @@
       <%= button_to exit_path, method: :delete, class: 'nav-link border-0 bg-transparent',
                     form: { data: { turbo: false } } do %>
         <i class='bi bi-box-arrow-right'></i>
-        <span class='visually-hidden'><%= t 'recourse.exit' %></span>
+        <span class='recourse-foot-word'><%= t 'recourse.exit' %></span>
       <% end %>
     <% end %>
   </li>

data/config/locales/recourse.en.yml

@@ -21,10 +21,10 @@ en:
     create: Create
     created: "%{model} was created."
     created_error: "%{model} could not be created."
-    darken: Darken the page
+    darken: Dark mode
     delete: Delete %{model}
     deleted: "%{model} was deleted."
-    exit: Log out
+    exit: Exit
     displaying:
       one: Displaying 1 item
       other: Displaying %{count} items
@@ -37,7 +37,7 @@ en:
     items:
       one: 1 item
       other: "%{count} items"
-    lighten: Lighten the page
+    lighten: Light mode
     missing_model: You declared `recourses :%{name}` in your routes file, but this app
       has no %{model} model.
     nested: You nested `recourses %{names}` inside `resources :%{parent}`, which does

data/lib/recourse/helpers/cells.rb

@@ -59,11 +59,20 @@ module Recourse
       # column holds a number and the heading says what the number is of.
       def resource_column_title(column)
         counted = resource_model.recourse_counters[column]
-        return resource_model.human_attribute_name column unless counted
+        return dated_title column unless counted
 
         Recourse.model_title counted.klass
       end
 
+      # The model's own name for a column, less the `at` or `on` a date's name ends in:
+      # `Created`, not `Created at`, since when it happened is what the column holds.
+      def dated_title(column)
+        title = resource_model.human_attribute_name column
+        dated = column.end_with?('_at', '_on') && Columns::DATE_KINDS.include?(attribute_type(column))
+
+        dated ? title.sub(/ (at|on)\z/, '') : title
+      end
+
       # Value for one cell, formatted according to what the column holds.
       def resource_cell(resource, column)
         association = belongs_to_association column

data/lib/recourse/version.rb

@@ -1,4 +1,4 @@
 module Recourse
   # Version of the gem, read by the gemspec and by hosts checking compatibility.
-  VERSION = '4.2.0'
+  VERSION = '4.3.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: recourse
 version: !ruby/object:Gem::Version
-  version: 4.2.0
+  version: 4.3.0
 platform: ruby
 authors:
 - claudiob