Primary buttons have a reddish :focus colour #94688

Closed
opened 2022-01-06 14:41:30 +01:00 by Anna Sirota · 8 comments
Owner

This is currently reproducible in the navbar at id.blender.org.

Not sure if this is intentional, but all buttons with white text have a reddish/pinkish focus colour, for example:

2022-01-06-143418_619x983_scrot.png

2022-01-06-144341_501x1070_scrot.png

(on the second screenshot button has btn-outline-secondary classes, at the moment of reporting this class wasn't part of BWA, so primary btn styles applied there too)

It might have something to do with how that colour is calculated in _utils.sass:

...
&:active, &:focus
	...
	color: hsl(hue($text-color), 100%, 85%)
This is currently reproducible in the navbar at id.blender.org. Not sure if this is intentional, but all buttons with white text have a reddish/pinkish focus colour, for example: ![2022-01-06-143418_619x983_scrot.png](https://archive.blender.org/developer/F12791545/2022-01-06-143418_619x983_scrot.png) ![2022-01-06-144341_501x1070_scrot.png](https://archive.blender.org/developer/F12791628/2022-01-06-144341_501x1070_scrot.png) (on the second screenshot button has `btn-outline-secondary` classes, at the moment of reporting this class wasn't part of BWA, so primary `btn` styles applied there too) It might have something to do with how that colour is calculated in `_utils.sass`: ``` ... &:active, &:focus ... color: hsl(hue($text-color), 100%, 85%) ```
Author
Owner

Added subscriber: @railla

Added subscriber: @railla

Added subscriber: @lichtwerk

Added subscriber: @lichtwerk

Changed status from 'Needs Triage' to: 'Needs Developer To Reproduce'

Changed status from 'Needs Triage' to: 'Needs Developer To Reproduce'

@railla is this an #infrastructure:_blender_web_assets internal TODO?
If this should pass the #triaging queue, it would be better to have exact repro steps also (which URL/button to check specifically etc.).
If this should not pass the #triaging queue, it would be better to set subtype to TODO/DESIGN/... (default is REPORT which is associated with #triaging ) or set status to CONFIRMED

@railla is this an #infrastructure:_blender_web_assets internal TODO? If this should pass the #triaging queue, it would be better to have exact repro steps also (which URL/button to check specifically etc.). If this should not pass the #triaging queue, it would be better to set subtype to TODO/DESIGN/... (default is REPORT which is associated with #triaging ) or set status to CONFIRMED
Author
Owner

@lichtwerk yes, this is an internal TODO, updated it (and others) to a relevant subtype.
my apologies, I keep forgetting that web-related tasks also end up in Triaging.

@lichtwerk yes, this is an internal TODO, updated it (and others) to a relevant subtype. my apologies, I keep forgetting that web-related tasks also end up in Triaging.

Added subscriber: @pablovazquez

Added subscriber: @pablovazquez

Changed status from 'Needs Developer To Reproduce' to: 'Resolved'

Changed status from 'Needs Developer To Reproduce' to: 'Resolved'
Pablo Vazquez self-assigned this 2022-07-14 16:36:08 +02:00

This has been fixed a while back.

Thanks for the report!

This has been fixed a while back. Thanks for the report!
Sign in to join this conversation.
No Milestone
No project
No Assignees
3 Participants
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: infrastructure/web-assets#94688
No description provided.