5f7feed6c4
- Remove entropy bubble - Refresh the auto close notice https://app.box-car.com/5986089/cards/2683
28 lines
1.1 KiB
Plaintext
28 lines
1.1 KiB
Plaintext
<%= tag.div \
|
|
id: dom_id(card, "bubble"),
|
|
hidden: true,
|
|
class: "bubble",
|
|
data: {
|
|
controller: "bubble",
|
|
action: "turbo:morph-element->bubble#update",
|
|
bubble_entropy_value: entropy_bubble_options_for(card).to_json,
|
|
bubble_stalled_value: stalled_bubble_options_for(card)&.to_json
|
|
} do %>
|
|
|
|
<svg viewBox="0 0 200 100">
|
|
<path id="<%= dom_id(card, "bubble-top-half") %>" fill="transparent" d="M 20,100 A 80,80 0 0,1 180,100"/>
|
|
<text text-anchor="middle" fill="currentColor">
|
|
<textPath href="#<%= dom_id(card, "bubble-top-half") %>" startOffset="50%" dominant-baseline="middle" data-bubble-target="top"></textPath>
|
|
</text>
|
|
</svg>
|
|
|
|
<span class="bubble__number" data-bubble-target="center"></span>
|
|
|
|
<svg viewBox="0 0 200 100">
|
|
<path id="<%= dom_id(card, "bubble-bottom-half") %>" d="M 20,0 A 80,80 0 0,0 180,0" fill="transparent"/>
|
|
<text text-anchor="middle" fill="currentColor">
|
|
<textPath href="#<%= dom_id(card, "bubble-bottom-half") %>" startOffset="50%" dominant-baseline="middle" data-bubble-target="bottom"></textPath>
|
|
</text>
|
|
</svg>
|
|
<% end %>
|