Consolidate UI elements from "the stream" and "Considering" to "Maybe?"

Author: andyra

app/assets/stylesheets/_global.css

@@ -205,7 +205,7 @@
   --color-terminal-text: var(--color-ink);
   --color-terminal-text-light: var(--color-ink-lighter);
   --color-golden: oklch(89.1% 0.178 95.7);
-  --color-considering: oklch(var(--lch-blue-medium));
+  --color-maybe: oklch(var(--lch-blue-medium));
 
   /* Colors: Cards */
   --color-card-default: oklch(var(--lch-blue-dark));

app/assets/stylesheets/blank-slates.css

@@ -11,7 +11,7 @@
       white-space: nowrap;
     }
 
-    .cards--considering & {
+    .cards--maybe & {
       background-color: var(--card-bg-color) !important;
     }
 

app/assets/stylesheets/card-columns.css

@@ -128,7 +128,7 @@
     translate: 0;
     transition: translate var(--column-transition-duration) var(--ease-out-overshoot-subtle);
 
-    .is-collapsed:not(.cards--considering) & {
+    .is-collapsed:not(.cards--maybe) & {
       translate: 0 var(--column-width-collapsed);
     }
 
@@ -354,7 +354,7 @@
       justify-content: center;
     }
 
-    .cards:is(.cards--considering) &:hover {
+    .cards:is(.cards--maybe) &:hover {
       cursor: unset;
       filter: none;
     }
@@ -382,7 +382,7 @@
       writing-mode: vertical-rl;
     }
 
-    .cards:not(.is-collapsed, .cards--considering) & {
+    .cards:not(.is-collapsed, .cards--maybe) & {
       align-items: center;
       display: flex;
       gap: 0.25ch;
@@ -523,11 +523,11 @@
     }
   }
 
-  /* Considering
+  /* Maybe
   /* ------------------------------------------------------------------------ */
 
-  .cards--considering {
-    --card-color: oklch(var(--lch-blue-medium));
+  .cards--maybe {
+    --card-color: var(--color-maybe);
 
     position: relative;
 
@@ -664,7 +664,7 @@
   /* -------------------------------------------------------------------------- */
 
   /* Surface a mini bubble if there are cards with bubbles inside */
-  .cards--considering:has(.bubble:not([hidden])) .cards__expander-title,
+  .cards--maybe:has(.bubble:not([hidden])) .cards__expander-title,
   .cards--doing.is-collapsed:has(.bubble:not([hidden])) .cards__transition-container {
     --bubble-color: var(--card-color, oklch(var(--lch-blue-medium)));
     --bubble-shape: 54% 46% 61% 39% / 57% 49% 51% 43%;
@@ -685,7 +685,7 @@
     }
 
     /* Maybe column: position bubble relative to the title, not the container */
-    .cards--considering & {
+    .cards--maybe & {
       overflow: visible;
       position: relative;
 

app/assets/stylesheets/print.css

@@ -125,7 +125,7 @@
   .card--new,
   .cards__decoration,
   .card-columns:before,
-  .cards--considering:before {
+  .cards--maybe:before {
     display: none;
   }
 
@@ -140,7 +140,7 @@
     padding-inline: 0;
   }
 
-  .cards--considering {
+  .cards--maybe {
     background: none;
     margin: 0;
     padding-inline: 1ch;

app/views/boards/show/_columns.html.erb

@@ -23,7 +23,7 @@
     <%= render "boards/show/not_now", board: board %>
   </div>
 
-  <%= render "boards/show/stream", board: board, page: page %>
+  <%= render "boards/show/maybe", board: board, page: page %>
 
   <div class="card-columns__right">
     <%= render partial: "boards/show/column", collection: board.columns.sorted, cached: ->(column){ [ column, column.leftmost?, column.rightmost? ] } %>

app/views/boards/show/_stream.html.erb app/views/boards/show/_maybe.html.erbapp/views/boards/show/_stream.html.erb renamed to app/views/boards/show/_maybe.html.erb

@@ -1,4 +1,4 @@
-<%= column_tag id: "the-stream", name: "Maybe?", drop_url: columns_card_drops_stream_path("__id__"), collapsed: false, selected: "true", class: "cards--considering" do %>
+<%= column_tag id: "maybe", name: "Maybe?", drop_url: columns_card_drops_stream_path("__id__"), collapsed: false, selected: "true", class: "cards--maybe" do %>
   <header class="cards__header">
     <div class="cards__expander">
       <h2 class="cards__expander-title" data-collapsible-columns-target="title">Maybe?</h2>
@@ -10,7 +10,7 @@
   </header>
   <%= render "columns/show/add_card_button", board: board %>
   <% if page.used? %>
-    <%= with_automatic_pagination "the-stream", @page do %>
+    <%= with_automatic_pagination "maybe", @page do %>
       <%= render "boards/columns/list", cards: page.records, draggable: true %>
     <% end %>
   <% else %>

app/views/boards/show/_mobile_columns.html.erb

@@ -12,7 +12,7 @@
     </div>
   <% end %>
 
-  <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed", data: { turbo_frame: "_top" } do %>
+  <%= link_to board_columns_stream_path(board), class: "cards cards--maybe is-collapsed", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.awaiting_triage.count %>">
       <span class="cards__expander-count"><%= board.cards.awaiting_triage.count %></span>
       <h2 class="cards__expander-title">

app/views/columns/cards/drops/streams/create.turbo_stream.erb

@@ -1 +1 @@
-<%= turbo_stream.replace("the-stream", partial: "boards/show/stream", method: :morph, locals:{ board: @card.board, page: @page }) %>
+<%= turbo_stream.replace("maybe", partial: "boards/show/maybe", method: :morph, locals:{ board: @card.board, page: @page }) %>

app/views/public/boards/show/_columns.html.erb

@@ -10,7 +10,7 @@
       <%= render "public/boards/show/not_now", board: board %>
     </div>
 
-    <%= render "public/boards/show/stream", board: board, page: page %>
+    <%= render "public/boards/show/maybe", board: board, page: page %>
 
     <div class="card-columns__right">
       <%= render partial: "public/boards/show/column", collection: board.columns, cached: true %>

app/views/public/boards/show/_stream.html.erb

@@ -1,4 +1,4 @@
-<section id="the-stream" class="cards cards--considering" data-column-name="Maybe?"
+<section id="maybe" class="cards cards--maybe" data-column-name="Maybe?"
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle">
   <div class="cards__transition-container">
     <header class="cards__header">