Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Move Dark Mode/Light Mode Button Above #2

Closed
i-am-SnehaChauhan opened this issue Dec 28, 2023 · 6 comments
Closed

Move Dark Mode/Light Mode Button Above #2

i-am-SnehaChauhan opened this issue Dec 28, 2023 · 6 comments
Assignees
@PranjaliBhardwaj
Labels
enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed

Comments

@i-am-SnehaChauhan
Copy link
Contributor

Description

The Dark Mode/Light Mode button is currently positioned below, and we need to move it above to improve user experience and accessibility.

Context

  • Current Behavior:
    The Dark Mode/Light Mode button is currently located below [specify the element].

  • Expected Behavior:
    We want to relocate the Dark Mode/Light Mode button so that it appears above [specify the element].

Screenshots

image

Additional Information

Ensure that the button's new position is visually appealing and does not conflict with other elements on the page.
@i-am-SnehaChauhan i-am-SnehaChauhan added enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed labels Dec 28, 2023
@Nitya-Pasrija
Copy link
Contributor

Woohoo! Your first ever issue with us in this repository has been created🎊🎊!!

@Nitya-Pasrija Nitya-Pasrija self-assigned this Dec 28, 2023
@vanshita007
Copy link

I would really like to work upon it
Please assign this to me..

@i-am-SnehaChauhan
Copy link
Contributor Author

Hey @vanshita007, I am assigning this issue to u you have two days to complete it then i have to assign to someone else.

@vanshita007
Copy link

vanshita007 commented Dec 28, 2023 •
edited
Loading

Hey @vanshita007, I am assigning this issue to u you have two days to complete it then i have to assign to someone else.

Thanks for assigning me this issue ..
Issue is resolved!!

@PranjaliBhardwaj
Copy link
Contributor

Hey @i-am-SnehaChauhan I would like to work on this issue, I think I can solve this problem by simply changing margins of button. I have experience in CSS so kindly allow me to resolve this issue.

@i-am-SnehaChauhan
Copy link
Contributor Author

Hey @vanshita007, If you are unable to complete this task within the given time, I will have to assign it to @PranjaliBhardwaj. Thank you.

PranjaliBhardwaj added a commit to PranjaliBhardwaj/QuickQuiz that referenced this issue Dec 31, 2023
@PranjaliBhardwaj
Update index.html
7824812 
html changes for dark mode slider for issue SnowScriptWinterOfCode#2
PranjaliBhardwaj added a commit to PranjaliBhardwaj/QuickQuiz that referenced this issue Dec 31, 2023
@PranjaliBhardwaj
Update style.css
0f90d59 
CSS change in issue SnowScriptWinterOfCode#2, changed the position of slider.
i-am-SnehaChauhan added a commit that referenced this issue Jan 1, 2024
@i-am-SnehaChauhan
Merge pull request #21 from PranjaliBhardwaj/main
bdd0e6f 
[UI fixed]: The position of slider is fixed in Kviz app issue #2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@PranjaliBhardwaj PranjaliBhardwaj

Labels
enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@i-am-SnehaChauhan @Nitya-Pasrija @vanshita007 @PranjaliBhardwaj