camunda / camunda-bpm-platform

Flexible framework for workflow and decision automation with BPMN and DMN. Integration with Quarkus, Spring, Spring Boot, CDI.
https://camunda.com/
Apache License 2.0
4.11k stars 1.55k forks source link

White color appear behind blue letters on the event of click/hover #3721

Closed gbetances089 closed 11 months ago

gbetances089 commented 1 year ago

Environment (Required on creation)

Stage/Prod.

Description (Required on creation; please attach any relevant screenshots, stacktraces, log files, etc. to the ticket)

There is a white background that shows if the users hover over the the blue letters (links) on the download page.

https://github.com/camunda/camunda-bpm-platform/assets/2312478/966c6c33-601e-41c5-9357-4c52a5e73410

Steps to reproduce (Required on creation)

1 - Go to the download page. 2- Hover/click over any of the distro versions.

Observed Behavior (Required on creation)

White color shows which make it difficult to read the number of the version.

Expected behavior (Required on creation)

No white color shows on the event of click/hover.

Root Cause (Required on prioritization)

A text-shadow is added on hover:

.page-content a:focus,.page-content a:hover {
    text-decoration: none;
    box-shadow: 0 -2px 0 0 #fff inset,0 -3px 0 0 currentColor inset;
    text-shadow: -3px 1px 0 #fff,3px 1px 0 #fff,-2px 1px 0 #fff,2px 1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}

Solution Ideas

Drop the text-shadow or make it nicer :)

Hints

Links

Breakdown

### Pull Requests
- [ ] https://github.com/camunda/camunda-docs-static/pull/417

Dev2QA handover

gbetances089 commented 11 months ago

Looks good on stage now - https://stage.docs.camunda.org/enterprise/download/