Skip to content

[vuejs] Admin stat-bar layout broken on all system views #23

@Terracosmos

Description

@Terracosmos

Symptom

On every view under /system/*, the stat-bar at the top renders vertically — icon, count, label stacked one per line — instead of the intended horizontal grid.

Affected views (confirmed visually): SystemPluginView, SystemNodeView, SystemConfigurationView, SystemCacheView.

Reproduction

  1. Run app-ui + ligoj-api locally on feature/vuejs.
  2. Log in as ligoj-admin.
  3. Navigate to #/system/configuration, #/system/cache, #/system/plugin, #/system/node.
  4. Observe the stat-bar at the top of each view.

Expected

Stat cards laid out as a horizontal grid (one card per stat, icon + count + label side by side per card, cards in a row).

Actual

Icon, count, label stacked vertically, each stat one below the other, no grid.

Notes

  • Each view redefines its own .stats / .stat scoped style; there is no shared <StatBar> component yet.
  • Bug is reproduced on a clean checkout of feature/vuejs at HEAD 2f73197 (no local modification), so it is not caused by the ongoing #110 / #111 LjStatus migration (ligoj-plugins#59 + plugin-ui#22).
  • Likely caused by a missing or renamed global token / variable in the host (--card, --radius, --shadow, color-mix, or similar), or by a Vuetify breakpoint change.

Suggested next step

Diff feature/vuejs against the last known-good commit on the four affected views and check whether a shared CSS token or a global stylesheet was removed/renamed between the two.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions