bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rework to ensure button adopts card color

Browse Source 
Removes unecessary field class, visually downplays edit button
This commit is contained in:
Jason Zimdars
2025-11-11 15:55:23 -06:00
parent 68c8c61d56
commit df858fcdd0
3 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/cards.css
+10 -7
View File
@@ -179,17 +179,20 @@
display: none;
}
& ~ .btn {
--btn-background: var(--card-color);
--btn-color: var(--color-ink-inverted);
}
}
.card-field__description {
lexxy-toolbar {
border-block-start: 1px solid var(--color-ink-light);
margin-block-start: var(--block-space-half) !important;
}
& ~ .btn.btn--reversed {
--btn-background: var(--card-color);
--btn-color: var(--color-ink-inverted);
}
& ~ .btn {
--btn-border-color: var(--card-color);
--btn-color: var(--card-color);
}
}
.card__stages {
app/views/cards/container/_title.html.erb
+2 -2
View File
@@ -10,7 +10,7 @@
</div>
<% end %>
<%= link_to "Edit", edit_card_path(card), class: "btn btn--reversed fit-content", style: "--btn-background: #{card.color}" %>
<%= link_to "Edit", edit_card_path(card), class: "btn fit-content txt-small" %>
<% end %>
<% else %>
<%= form_with model: card, id: "card_form", data: { controller: "autoresize auto-save" } do |form| %>
@@ -23,7 +23,7 @@
<% end %>
</h1>
<%= form.rich_textarea :description, class: "card-field__description rich-text-content",
<%= form.rich_textarea :description, class: "card__description rich-text-content",
placeholder: "Add some notes, context, pictures, or video about this…",
data: { action: "lexxy:change->auto-save#change focusout->auto-save#submit" } do %>
<%= general_prompts(card.board) %>
app/views/cards/edit.html.erb
+2 -2
View File
@@ -9,13 +9,13 @@
<% end %>
</h1>
<%= form.rich_textarea :description, class: "card-field__description rich-text-content",
<%= form.rich_textarea :description, class: "card__description rich-text-content",
placeholder: "Add some notes, context, pictures, or video about this…",
data: { local_save_target: "input", action: "lexxy:change->local-save#save turbo:morph-element->local-save#restoreContent keydown.ctrl+enter->form#submit:prevent keydown.meta+enter->form#submit:prevent keydown.esc->form#cancel:stop" } do %>
<%= general_prompts(@card.board) %>
<% end %>
<%= form.button "Save changes", type: :submit, class: "btn btn--reversed fit-content", style: "--btn-background: #{@card.color}" %>
<%= form.button "Save changes", type: :submit, class: "btn btn--reversed fit-content txt-small" %>
<%= link_to "Close editor and discard changes", @card, data: { form_target: "cancel" }, hidden: true %>
<% end %>
<% end %>