diff --git a/assets/css/app.css b/assets/css/app.css index d99c050..0cf8fb5 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -2517,36 +2517,35 @@ button.report-tag--filter:hover { display: block; position: relative; background: transparent; - border-top: none; - border-bottom: none; - border-left: 2px solid #c00; - border-right: 2px solid #c00; - box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00; - padding: 1px; + border: none; + box-shadow: none; + padding: 0; overflow: visible; } -/* Extend band both ways from letter block — layout box unchanged, center stays put. */ -.platform-for-sale-badge__outer::before, -.platform-for-sale-badge__outer::after { +/* One continuous strip (incl. letter area) — no separate bordered center box. */ +.platform-for-sale-badge__outer::before { content: ''; position: absolute; left: 0; right: 0; - height: 100vmax; + top: 50%; + height: 200vmax; + transform: translateY(-50%); background: #fff; border-left: 2px solid #c00; border-right: 2px solid #c00; box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00; pointer-events: none; -} -.platform-for-sale-badge__outer::before { - bottom: 100%; + z-index: 0; } .platform-for-sale-badge__outer::after { - top: 100%; + content: none; + display: none; } .platform-for-sale-badge__inner { display: block; + position: relative; + z-index: 1; background: transparent; border: none; /* padding-inline = strip height when band runs horizontally (2×). */