[FIX] website_sale_aplicoop: restore the compact metrics on product tags

.badge-km seeds --badge-padding-*, --badge-font-* and --badge-border-radius,
but so does Bootstrap's own .badge rule, and this file is @imported — which
the spec hoists above the rest of the bundle, so at equal specificity
Bootstrap always came later and won. The tags rendered at Bootstrap's
default metrics instead of the compact ones written here. Qualify the
selector as .badge.badge-km (0,2,0).

Measured on the card: 7.8/4.2px padding, 12px, 4px radius -> 4/2px, 11px,
--ac-radius-sm, the values the rule asks for.

The colour half needs no qualifier and keeps its own selector reach: Odoo
only reads --background-color/--color/--bg-solid, it never sets them.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
GitHub Copilot 2026-08-27 19:21:42 +02:00
parent e3140817a3
commit 512dd9f00d

View file

@ -198,7 +198,13 @@
border: Odoo 18 paints every .badge from those three and marks them
!important, so a direct declaration here never lands. See the header of
components/tag-filter.css for the full story. */
.badge-km {
/* The `.badge` qualifier is load-bearing for the --badge-* half: Bootstrap's
own .badge rule seeds those same custom properties, and this file is
@imported, so at equal specificity Bootstrap comes later and wins the
compact metrics below never applied. .badge.badge-km (0,2,0) settles it.
The --background-color/--color/--bg-solid half needs no qualifier: Odoo
only reads those, it never sets them. */
.badge.badge-km {
--badge-padding-x: var(--ac-space-2xs);
--badge-padding-y: var(--ac-space-3xs);
--badge-font-size: var(--ac-text-2xs);