Commit 23d195fb authored by vertighel's avatar vertighel
Browse files

fix: pill w-100 only inside status-container, align aside pills vertically 



- applyVarStatusStyles: pill mode adds w-100 only when el is inside
  .status-container (input-group inline badge), not in aside/plain context
- render_info: add align-items-center to small flex container so pill
  badges align to the text baseline instead of appearing slightly high

Co-Authored-By: default avatarClaude Sonnet 4.6 <noreply@anthropic.com>
parent 6262671c

noctua/web/pages/macros/widgets.html

+1 −1
Original line number Diff line number Diff line
@@ -154,7 +154,7 @@ 
<!-- WIDGET: Info labels -->

{% macro render_info(items) %}

{% for item in items %}

<small class="col d-flex gap-2 mt-1 text-success">

<small class="col d-flex gap-2 align-items-center mt-1 text-success">

  {% if item.label %}{{ item.label }}:

  <var class="font-monospace text-light"

       data-status="{{ item.status }}"

noctua/web/static/js/ui-core.js

+2 −1
Original line number Diff line number Diff line
@@ -149,7 +149,8 @@ export function applyVarStatusStyles(el, value) { 
    const theme = UI_CONFIG.COLORS[statusType];



    if (mode === 'pill') {

        el.setAttribute('class', `badge ${theme.css} font-monospace ${theme.text_pill}`);

        const fill = el.closest('.status-container') ? ' w-100' : '';

        el.setAttribute('class', `badge ${theme.css} font-monospace${fill} ${theme.text_pill}`);

    } else {

        el.setAttribute('class', `font-monospace ${theme.text_plain}`);

    }