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

This commit is contained in:
Andy Smith
2025-12-12 12:29:01 -06:00
parent 0bc3ccb528
commit b3cfae3529
10 changed files with 19 additions and 19 deletions
+1 -1
View File
@@ -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));
+1 -1
View File
@@ -11,7 +11,7 @@
white-space: nowrap;
}
.cards--considering & {
.cards--maybe & {
background-color: var(--card-bg-color) !important;
}
+8 -8
View File
@@ -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;
+2 -2
View File
@@ -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;
+1 -1
View File
@@ -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? ] } %>
@@ -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 %>
@@ -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">
@@ -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 }) %>
@@ -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 %>
@@ -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">