Skip to content

Conversation

@andymeneely
Copy link
Member

No description provided.

atparsec and others added 4 commits September 10, 2025 10:28
This change is to remedy the issue in the previous commit where the
focused outline color (which was white) of the proposal submission
buttons would blend in with the page background.
@github-project-automation github-project-automation bot moved this to Needs Planning in Portal Development Sep 25, 2025
@andymeneely andymeneely moved this from Needs Planning to In Progress in Portal Development Sep 25, 2025
@andymeneely andymeneely changed the title Button outlines Button outlines (#325) Sep 25, 2025
@andymeneely andymeneely linked an issue Sep 25, 2025 that may be closed by this pull request
@andymeneely andymeneely marked this pull request as draft September 25, 2025 13:16
Created a class for the outline stylization used on the developer menu buttons for clarity
Added the outline-offset class to the timeline action submission buttons to improve
their visual clarity. And added specifier for focus pseudo-class to offset-outline
class to increase its specificity. Without this change in specificity, the class's
outline-color property would be overridden by the one given to button:focus in modal.css
@llf5185
Copy link

llf5185 commented Oct 17, 2025

Examples of the changes:

On the navbar
image
In a project archive
image
View more projects button
image
Dashboard (light mode)
image
Dashboard (dark mode)
image
Action modal (light mode)
image
Action modal (dark mode)
image
Milestones, 'Report Submission' is selected (light mode)
image
Milestones, 'Report Submission' is selected (dark mode)
image
Gantt Chart, 'Project Proposal' header is selected (light mode)
image
Gantt Chart, 'Project Proposal' header is selected (dark mode)
image
Arrows
image

@atauln atauln marked this pull request as ready for review October 29, 2025 19:14
@atauln atauln self-requested a review October 29, 2025 19:14
Copy link

@atauln atauln left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These all look like good, semantically correct changes. Variables are properly named and the spacing is consistent throughout. Looks good to me!

@github-project-automation github-project-automation bot moved this from In Progress to Under Review in Portal Development Oct 29, 2025
@Marrufof
Copy link

It looks like you were able to achieve this in the least amount of changes. The visible change is nicer and more accessible.

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

Labels

None yet

Projects

Status: Under Review

Development

Successfully merging this pull request may close these issues.

Add outlines to focused buttons for accessibility

6 participants