Skip to content

.state icon is absolutely positioned but parent card has no position relative #31

New issue
New issue
Closed
#38
Closed
.state icon is absolutely positioned but parent card has no position relative#31
#38
Labels
bugSomething isn't workingpriority:mediumShould fixsquad:steve-rogersAssigned to Steve Rogers (Frontend Lead)

Description

@EngstromJimmy
EngstromJimmy
opened on Mar 5, 2026

In ConferenceItem.razor.css and ConferencePage.razor.css, the status icon uses position: absolute for top-right placement, but Bootstrap's .card does not set position: relative. The icon escapes the card and positions relative to the nearest positioned ancestor, causing misaligned icons.

Activity

  1. EngstromJimmy
    added
    bugSomething isn't working
    squad:steve-rogersAssigned to Steve Rogers (Frontend Lead)
    priority:mediumShould fix
    on Mar 5, 2026
  2. EngstromJimmy
    added 2 commits that reference this issue on Mar 6, 2026

    Fix .state icon positioning by adding position: relative to card cont…

    8ffd796

    Fix .state icon positioning by adding position: relative to card cont…

    efbf7a8
  3. EngstromJimmy
    closed this as completedin efbf7a8on Mar 7, 2026
  4. EngstromJimmy
    added 2 commits that reference this issue on Mar 7, 2026

    .squad: Merge decisions inbox, document Steve Rogers sprint

    c0d32a3

    Merge pull request #38 from CodingAfterWork/squad/31-state-icon-posit…

    0af79eb
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingpriority:mediumShould fixsquad:steve-rogersAssigned to Steve Rogers (Frontend Lead)

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions