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

Merge pull request #384 from basecamp/fix-boosts-input

Browse Source 
Fix boosts input
This commit is contained in:
Jason Zimdars
2025-04-08 16:24:49 -05:00
committed by GitHub
parent 6872852d3f d100d93b2a
commit e86b266f4c
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/cards.css
+13
View File
@@ -468,9 +468,11 @@
}
.input.boost__input {
--hover-size: 0;
--input-border-radius: 0;
--input-border-size: 0;
--input-padding: 0;
--outline-size: 0;
color: inherit;
font-size: inherit;
@@ -478,11 +480,22 @@
inline-size: min-content;
max-inline-size: 3ch;
min-inline-size: 1ch;
outline: none;
@supports (field-sizing: content) {
field-sizing: content;
max-inline-size: unset;
}
&:focus {
background-color: var(--color-highlight);
}
&::-webkit-outer-spin-button,
&::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
}
.card__popped {
app/views/bubbles/boosts/_boosts.html.erb
+4 -5
View File
@@ -1,11 +1,10 @@
<div class="pad-inline flex align-center gap">
<%= form_with url: bubble_boosts_path(bubble), class: "pad-inline flex align-center gap" do %>
<span class="overflow-ellipsis">
<strong><%= text_field_tag :boost_count, bubble.boosts_count, min: 1, class: "boost__input input", autocomplete: "off" %></strong>
<strong><%= number_field_tag :boost_count, bubble.boosts_count, min: 1, class: "boost__input input", autocomplete: "off" %></strong>
<span><%= bubble.boosts_count == 1 ? "boost" : "boosts" %></span>
</span>
<%= button_to bubble_boosts_path(bubble), class: "btn", type: :submit, style: "font-size: 0.5em" do %>
<%= tag.button class: "btn", type: :submit, style: "font-size: 0.4em" do %>
<%= icon_tag "add" %>
<span class="for-screen-reader">Boost</span>
<% end %>
</div>
<% end %>