Use plain Bulma themes when possible
This commit is contained in:
@@ -150,9 +150,11 @@
|
||||
{% if variant.warn_verbatim_plan %}
|
||||
<tr>
|
||||
<td colspan="9">
|
||||
<article class="command-variant-warning">
|
||||
<strong>Warning:</strong> <strong>{{ variant.variant_label }}</strong> is in <code>verbatim</code> mode with plan fanout enabled.
|
||||
Recipients will get raw transcript-style output.
|
||||
<article class="message is-warning is-light">
|
||||
<div class="message-body is-size-7 has-text-dark">
|
||||
<strong>Warning:</strong> <strong>{{ variant.variant_label }}</strong> is in <code>verbatim</code> mode with plan fanout enabled.
|
||||
Recipients will get raw transcript-style output.
|
||||
</div>
|
||||
</article>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -188,15 +190,17 @@
|
||||
|
||||
<h4 class="title is-7" style="margin-top: 0.95rem;">Effective Destinations</h4>
|
||||
{% if profile.enabled_egress_bindings %}
|
||||
<ul class="command-destination-list is-size-7">
|
||||
<div class="content is-size-7" style="margin-bottom: 0.4rem;">
|
||||
{% for row in profile.enabled_egress_bindings %}
|
||||
<li class="command-destination-item">
|
||||
<p style="margin-bottom: 0.3rem;">
|
||||
<span class="tag is-link is-light is-rounded is-small">{{ row.service }}</span>
|
||||
<code>{{ row.channel_identifier }}</code>
|
||||
</li>
|
||||
</p>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<p class="command-destination-summary">{{ profile.enabled_egress_bindings|length }} enabled egress destination{{ profile.enabled_egress_bindings|length|pluralize }}.</p>
|
||||
</div>
|
||||
<article class="notification is-info is-light is-size-7" style="padding: 0.5rem 0.7rem;">
|
||||
{{ profile.enabled_egress_bindings|length }} enabled egress destination{{ profile.enabled_egress_bindings|length|pluralize }}.
|
||||
</article>
|
||||
{% else %}
|
||||
<article class="notification is-warning is-light is-size-7">No enabled egress destinations. Plan fanout will show sent:0.</article>
|
||||
{% endif %}
|
||||
@@ -441,51 +445,5 @@
|
||||
.command-order-capsule-form + .command-order-capsule-form .command-order-btn {
|
||||
border-top: 1px solid #dbdbdb;
|
||||
}
|
||||
.command-variant-warning {
|
||||
border: 1px solid rgba(171, 109, 17, 0.45);
|
||||
background: linear-gradient(180deg, rgba(255, 246, 226, 0.98), rgba(255, 238, 204, 0.95));
|
||||
color: #6e450e;
|
||||
border-radius: 8px;
|
||||
padding: 0.48rem 0.62rem;
|
||||
font-size: 0.78rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.command-variant-warning strong {
|
||||
color: #3f2a09;
|
||||
}
|
||||
.command-variant-warning code {
|
||||
color: #5b3a0c;
|
||||
background: rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
.command-destination-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.28rem;
|
||||
}
|
||||
.command-destination-item {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.42rem;
|
||||
background: rgba(244, 248, 255, 0.85);
|
||||
border: 1px solid rgba(58, 103, 165, 0.2);
|
||||
border-radius: 7px;
|
||||
padding: 0.26rem 0.38rem;
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
}
|
||||
.command-destination-summary {
|
||||
margin-top: 0.44rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
border-radius: 999px;
|
||||
background: rgba(239, 247, 255, 0.95);
|
||||
border: 1px solid rgba(58, 103, 165, 0.25);
|
||||
padding: 0.16rem 0.52rem;
|
||||
font-size: 0.73rem;
|
||||
color: #284d7c;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
@@ -25,7 +25,19 @@
|
||||
<div class="has-text-grey"><code>{{ row.actor_identifier }}</code></div>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td><code>{{ row.payload }}</code></td>
|
||||
<td>
|
||||
{% if row.payload_view.summary_items %}
|
||||
<div class="tags" style="margin-bottom: 0.35rem;">
|
||||
{% for item in row.payload_view.summary_items %}
|
||||
<span class="tag task-ui-badge"><strong>{{ item.0 }}</strong>: {{ item.1 }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<details>
|
||||
<summary class="is-size-7 has-text-link" style="cursor:pointer;">View payload JSON</summary>
|
||||
<pre class="task-event-payload">{{ row.payload_view.pretty_text }}</pre>
|
||||
</details>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr><td colspan="4">No events.</td></tr>
|
||||
@@ -47,4 +59,23 @@
|
||||
</table>
|
||||
</article>
|
||||
</div></section>
|
||||
<style>
|
||||
.task-event-payload {
|
||||
margin-top: 0.35rem;
|
||||
padding: 0.6rem;
|
||||
border-radius: 8px;
|
||||
border: 1px solid rgba(127, 127, 127, 0.25);
|
||||
background: rgba(245, 245, 245, 0.75);
|
||||
color: #1f1f1f;
|
||||
max-width: 72ch;
|
||||
overflow: auto;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
[data-theme="dark"] .task-event-payload {
|
||||
background: rgba(35, 35, 35, 0.75);
|
||||
color: #f5f5f5;
|
||||
border-color: rgba(200, 200, 200, 0.35);
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user