From 1d2af10458fcd2ac1390ecbacd2083e2db4999b7 Mon Sep 17 00:00:00 2001 From: devRaGonSa Date: Wed, 10 Jun 2026 14:27:01 +0200 Subject: [PATCH] Restore BxB clan logo standard size --- ...219-restore-bxb-clan-logo-standard-size.md | 86 +++++++++++++++++++ frontend/assets/css/styles.css | 17 ---- 2 files changed, 86 insertions(+), 17 deletions(-) create mode 100644 ai/tasks/done/TASK-219-restore-bxb-clan-logo-standard-size.md diff --git a/ai/tasks/done/TASK-219-restore-bxb-clan-logo-standard-size.md b/ai/tasks/done/TASK-219-restore-bxb-clan-logo-standard-size.md new file mode 100644 index 0000000..2fa3941 --- /dev/null +++ b/ai/tasks/done/TASK-219-restore-bxb-clan-logo-standard-size.md @@ -0,0 +1,86 @@ +--- +id: TASK-219 +title: Restore BxB clan logo standard size +status: done +type: frontend +team: Frontend Senior +supporting_teams: [] +roadmap_item: foundation +priority: medium +--- + +# TASK-219 - Restore BxB clan logo standard size + +## Goal + +Restore the visual size of the BxB logo on the index page so it is equivalent to the other clan logos. + +## Context + +TASK-210 gave BxB a special larger visual treatment. The current request is to return BxB to the original or equivalent standard clan logo sizing without modifying the physical PNG or unrelated assets. + +Preserve the current product identity: Spanish-speaking HLL Vietnam community, military/Vietnam/tactical/sober visual direction and controlled repository evolution. + +## Steps + +1. Inspect the listed files first. +2. Locate the BxB-specific clan card and logo rules. +3. Remove or neutralize only the CSS treatment that makes BxB larger than the standard clan logos. +4. Validate the local index page visually and confirm the change scope. + +## Files to Read First + +- `AGENTS.md` +- `ai/repo-context.md` +- `ai/architecture-index.md` +- `ai/orchestrator/frontend-senior.md` +- `frontend/index.html` +- `frontend/assets/css/styles.css` +- `frontend/assets/js/main.js` + +## Expected Files to Modify + +- `frontend/assets/css/styles.css` +- `ai/tasks/in-progress/TASK-219-restore-bxb-clan-logo-standard-size.md` + +## Constraints + +- Keep the change minimal. +- Prefer CSS-only. +- Do not modify physical images. +- Do not touch `frontend/assets/img/clans/`. +- Do not touch weapon assets or SVGs. +- Do not touch backend files or endpoints. +- Do not touch `ai/system-metrics.md`. +- Do not reactivate Elo/MMR. +- Do not reintroduce Comunidad Hispana #03. +- Do not introduce frameworks or dependencies. + +## Validation + +Before completing the task ensure: + +- Inspect the local `frontend/index.html` page visually. +- Confirm BxB has a standard or equivalent logo size compared with the other clan logos. +- Run `node --check frontend/assets/js/main.js` only if JavaScript changes are made. +- Review `git diff --name-only`. +- Confirm changed files match the expected scope. +- Confirm backend, endpoints, assets, SVGs and `ai/system-metrics.md` were not modified by this task. + +## Outcome + +Completed. + +- Removed the BxB-specific clan brand grid override that gave the logo column a wider range than standard clan cards. +- Removed the BxB-specific logo container and image sizing overrides that increased its visual height. +- Kept the existing BxB classes in JavaScript untouched; they no longer enlarge the logo because there is no matching size override in CSS. +- Validated `frontend/index.html` locally with a Chrome headless screenshot opened from the file system. BxB now appears in a standard-size logo container comparable to the other clan cards. +- JavaScript was not modified, so `node --check frontend/assets/js/main.js` was not required. +- `git diff --name-only` was reviewed. The task change is limited to `frontend/assets/css/styles.css` plus this task file; pre-existing unrelated changes are present in `ai/system-metrics.md`, clan image assets and weapon SVG/assets. +- Confirmed this task did not modify backend files, endpoints, physical images, `frontend/assets/img/clans/`, weapon assets, SVGs or `ai/system-metrics.md`. + +## Change Budget + +- Prefer fewer than 5 modified files. +- Prefer changes under 200 lines when feasible. +- Split the work into follow-up tasks if limits are exceeded. diff --git a/frontend/assets/css/styles.css b/frontend/assets/css/styles.css index 3fb565e..637e083 100644 --- a/frontend/assets/css/styles.css +++ b/frontend/assets/css/styles.css @@ -918,15 +918,6 @@ h2 { padding-inline: 16px; } -.clan-card--bxb .clan-card__brand { - grid-template-columns: minmax(232px, 268px) minmax(0, 1fr); -} - -.clan-card__logo--bxb { - min-height: 204px; - padding: 4px; -} - .clan-card__logo img { width: 100%; height: 100%; @@ -943,14 +934,6 @@ h2 { max-height: 152px; } -.clan-card__logo--bxb img { - width: 100%; - height: 100%; - max-width: 100%; - max-height: 196px; - object-fit: contain; -} - .clan-card__logo-placeholder { width: 100%; min-height: 84px;