Skip to content

Handbook Table Theme Fix #6612

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.

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

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

Namanv0509
Copy link
Member

Description

This PR fixes #
The Theme Toggle issue faced by Handbook Tables and some Other components
This 1st PR is only to fix the table

Before
image
image

After
image
image

Notes for Reviewers
The same table issue was found in all handbook pages
There is also problem is invite-only class colors and some text classes , if this goes well will update similar to them also

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Namanv0509 <namanverma00260@gmail.com>
@l5io
Copy link
Contributor

l5io commented Jul 7, 2025

🚀 Preview for commit d743dc5 at: https://686bb6f5fab5ec7cb49c0aeb--layer5.netlify.app

@FaheemOnHub
Copy link
Contributor

try to use semantic background colors , they handle light and dark mode better

@FaheemOnHub
Copy link
Contributor

No need to create or modify already made colors

@@ -162,7 +162,7 @@ export const HandbookWrapper = styled.div`
}
td, th {
border: 0.05rem solid ${(props) => props.theme.primaryLightColor};
Copy link
Contributor

@vr-varad vr-varad Jul 7, 2025

Choose a reason for hiding this comment

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

@Namanv0509 I don't this the error is with td, th.
The error is with tbody, and if u look up the inspect u might find this
image
so any other CSS is overlapping and that might me the issue

Copy link
Member Author

Choose a reason for hiding this comment

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

Yes i was skeptical on it , will try to find the overlapping. Thanks @vr-varad

Copy link
Member Author

Choose a reason for hiding this comment

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

ooh with the td tb , when i was toggling theme , the border colors also had an issue i found and not only the cells , thats why i changed that too . @vr-varad

@Namanv0509
Copy link
Member Author

No need to create or modify already made colors

Sure , i will keep that in mind from next time @FaheemOnHub

Signed-off-by: Namanv0509 <namanverma00260@gmail.com>
@l5io
Copy link
Contributor

l5io commented Jul 7, 2025

🚀 Preview for commit d814cb7 at: https://686c388e2144422a4c598ad7--layer5.netlify.app

@Namanv0509
Copy link
Member Author

@vr-varad Can you help reviewing this.

@@ -1,6 +1,78 @@
import styled from "styled-components";
export const HandbookWrapper = styled.div`

/* repository overview */
Copy link
Contributor

Choose a reason for hiding this comment

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

what is the change @Namanv0509

@Namanv0509
Copy link
Member Author

Namanv0509 commented Jul 8, 2025

@vr-varad for the issue #6614 , the fix is similar the writing-program class is below the intra page content , which is causing the overlap , if okay will make the changes in this PR itself.

@vr-varad
Copy link
Contributor

vr-varad commented Jul 8, 2025

@Namanv0509 I would suggest a diff pr for that issue!!

@Namanv0509
Copy link
Member Author

Namanv0509 commented Jul 8, 2025

@Namanv0509 I would suggest a diff pr for that issue!!

@vr-varad Yeah sure , If this PR looks good , i will get the other PR up in a min.

@Namanv0509
Copy link
Member Author

A Summary to PR changes

Below are SS for the page after the PR for the pages which conatined Tables and invite-only-program

Repository Overview :
Changes : https://686c388e2144422a4c598ad7--layer5.netlify.app/community/handbook/repository-overview
Live Site : https://layer5.io/community/handbook/repository-overview

image
image

Security Vulnerability :
Changes : https://686c388e2144422a4c598ad7--layer5.netlify.app/community/handbook/security-vulnerabilities
Live Site : https://layer5.io/community/handbook/security-vulnerabilities

image
image

Github Process :
Changes : https://686c388e2144422a4c598ad7--layer5.netlify.app/community/handbook/github-process
Live Site : https://layer5.io/community/handbook/security-vulnerabilities

image
image

No Other Pages faced any defacement or any unwanted changes due to this update in Handbook.style.js

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

Successfully merging this pull request may close these issues.

4 participants