Minimize button icon invisible — wrong icon class bi-bi-dash-lg (double bi- prefix) #6

Open
opened 2026-06-22 08:29:58 +00:00 by mahmoud · 1 comment
Owner

The minimize button renders with no visible icon. The markup uses a malformed Bootstrap Icons class with a doubled bi- prefix:

<button class="btn btn-outline-secondary btn-sm p-0 flex-shrink-0 d-inline-flex align-items-center justify-content-center" type="button" style="width:26px; height:26px;" title="Minimize"><i class="bi bi-bi-dash-lg"></i></button>

The icon class is bi-bi-dash-lg but should be bi-dash-lg (i.e. class="bi bi-dash-lg"). Bootstrap Icons has no bi-bi-dash-lg glyph, so nothing renders.

Note: this minimize button is reused in many places, so the fix should land at the shared component/source for it (grep for bi-bi-dash-lg).


Found while testing the hero_browser Dioxus admin on current development, at /hero_components/admin/?service=hero_browser. Most of these are shell-level and affect every service, not just hero_browser.

The minimize button renders with no visible icon. The markup uses a malformed Bootstrap Icons class with a doubled `bi-` prefix: ```html <button class="btn btn-outline-secondary btn-sm p-0 flex-shrink-0 d-inline-flex align-items-center justify-content-center" type="button" style="width:26px; height:26px;" title="Minimize"><i class="bi bi-bi-dash-lg"></i></button> ``` The icon class is `bi-bi-dash-lg` but should be `bi-dash-lg` (i.e. `class="bi bi-dash-lg"`). Bootstrap Icons has no `bi-bi-dash-lg` glyph, so nothing renders. **Note:** this minimize button is reused in many places, so the fix should land at the shared component/source for it (grep for `bi-bi-dash-lg`). --- *Found while testing the hero_browser Dioxus admin on current `development`, at `/hero_components/admin/?service=hero_browser`. Most of these are shell-level and affect every service, not just hero_browser.*
Author
Owner
No description provided.
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
lhumina_code/hero_components#6
No description provided.