Consolidate UI elements from "the stream" and "Considering" to "Maybe?"
This commit is contained in:
@@ -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));
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.cards--considering & {
|
||||
.cards--maybe & {
|
||||
background-color: var(--card-bg-color) !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user