Skip to content

[Bug] Visual polish for the Competency Tree on the Competency Management page #821

Closed

Description

@dvarenikqaconsultant
  1. Add a hover effect to a tag row when the cursor is over it. See mockup.
  2. Without hover, tag rows should alternate their fill color: white, gray, white, gray, and so on. Example: in the screenshot below, Python Programming should be white and Django Framework should be gray.
Image
  1. The circle around the down arrow sits too close to the text. Add spacing between the text and the arrow.
Image
  1. The arrow and text from point 3 should be centered vertically within their row. Right now they sit closer to the top of the row instead of being centered.
Image

Activity

  1. moved this from Needs additional details to In Progress in Competency Criteria and Student Progresson Sep 16, 2026
  2. moved this from In Progress to Unicon Code Review in Competency Criteria and Student Progresson Sep 21, 2026
  3. dvarenikqaconsultant commented on Sep 30, 2026

    @dvarenikqaconsultant
    Author

    @javoconsultant Hi. There is a problem with hover effect, it appears only when the pointer at the top part of the row. When the pointer is at the left, right, or bottom part of the row, hover doesn't appear. And the row is clickable only at the top part of the row.
    The rest of the points are fixed and work correctly.

    QA706-Pending-List-Cancel-Competencies-.mp4
  4. moved this from Community Code Review to Ready for QA in Competency Criteria and Student Progresson Oct 9, 2026
  5. dvarenikqaconsultant commented on Oct 10, 2026

    @dvarenikqaconsultant
    Author

    Fixed

    2026-10-10.18-17-06.mp4
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

No labels
No labels

Type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions