Skip to content

Commit

Permalink
fix(index): members hover uses box-shadow to fix hydration issue
Browse files Browse the repository at this point in the history
A React hydration issue made the light-mode version of the
hover colors appear on dark-mode version of the website, making
it way too bright. Therefore, we're just going to be using a
box-shadow to make it easier on the eyes.

Resolves #36
Ref: facebook/docusaurus#7986
  • Loading branch information
calejvaldez committed Jun 11, 2024
1 parent 5f56d48 commit e579f90
Showing 1 changed file with 1 addition and 12 deletions.
13 changes: 1 addition & 12 deletions src/components/members.scss
Original file line number Diff line number Diff line change
@@ -1,15 +1,3 @@
.lightMemberBackground {
&:hover {
background-color: rgb(240, 240, 240);
}
}

.darkMemberBackground {
&:hover {
background-color: rgb(50, 50, 50);
}
}

.member_container {
width: 300px;
margin: 10px;
Expand All @@ -19,6 +7,7 @@

&:hover {
text-decoration: none;
box-shadow: 0 2px 10px grey;
}

img {
Expand Down

0 comments on commit e579f90

Please sign in to comment.