p-foundation / pink-app

The repository is created for learning adaptive web design and team collaboration through git and GitHub
https://p-foundation.github.io/pink-app/
0 stars 0 forks source link

Bug: header logo link missing active state #48

Closed naumch1k closed 5 months ago

naumch1k commented 6 months ago

Description Upon clicking and holding Pink logo link, logo won't change as expected

To Reproduce

  1. Navigate to form.html
  2. Click and hold your mouse on the Pink logo link
  3. Note the absence of logo changes during the click event

Video

https://github.com/p-foundation/pink-app/assets/76534205/015921fd-abb4-408b-a3a0-96d0a7b3fc45

Expected behavior An element should fade out as specified in the styleguide

Group 18

Desktop:

Additional context

Here is how the code for logo block looks like now:

.logo{
    transition: var(--common-transition);
    color:rgb(255, 255, 255)
}

.logo:hover{
    color: rgb(178, 40, 102);
}

Quick Instruction for Working on the Issue Before checking out to a new branch, ensure you have the latest updates from the main by running git pull command.

github-actions[bot] commented 6 months ago

@naumch1k πŸ‘‹

Thanks for dropping in with the issue! Our team is ready to dive into it as soon as possible! πŸš€

If you would like to work on this issue, please wait for us to decide if it's ready; hang tight until we've given it the green light. The issue will be ready to work on once we remove the Needs triage label.

To claim an issue that does not have the Needs triage label, please leave a comment that says ".take". If you have any questions, please follow up on the issue itself.

For full info on how to contribute, please check out our contributors guide.

Let's make some magic together! ✨

NazarPauk commented 5 months ago

.take

github-actions[bot] commented 5 months ago

@NazarPauk πŸ‘‹ Thanks for picking up this issue! πŸ™Œ Feel free to reach out if you need any help or have questions!