Skip to content
This repository has been archived by the owner on Aug 7, 2024. It is now read-only.

Made Profile names visible on hovering in dark mode #2026

Merged
merged 7 commits into from
Nov 5, 2022
Merged
Show file tree
Hide file tree
Changes from 6 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion src/Components/Profile.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@
width: 50px;
cursor: pointer;
font-size: 23px;
color: rgb(68, 68, 68);
transition: all 0.2s ease-in-out;
}

Expand Down
3 changes: 3 additions & 0 deletions src/Components/Search/Search.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,9 @@ a {

.p-chip:hover {
transform: scale(1.1);

box-shadow: 8px 8px 15px #bdc0c4, -8px -8px 15px #ffffff;

background: linear-gradient(145deg, #c8cbcf, #eef2f6);
color: black !important;
}
Expand Down
2 changes: 1 addition & 1 deletion src/Components/Search/Search.js
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ function Search() {
<GetIcons
iconName="arrowLeft"
size={20}
className={`${darkTheme ? 'text-white' : 'text-gray-900'}`}
className={`${darkTheme ? 'text-white' : 'text-black'}`}
/>
</Link>
}
Expand Down
2 changes: 1 addition & 1 deletion src/Components/Search/Searchbar.js
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ const Searchbar = ({ searchHandler, searchTerm }) => {
const theme = {
backgroundColor: `${darkTheme ? '#333333' : 'white'}`,
border: `${darkTheme ? 'none' : '1px solid #ced4da'}`,
color: `${darkTheme ? 'white' : 'grey'}`,
color: `${darkTheme ? 'white' : 'black'}`,
}

return (
Expand Down
2 changes: 1 addition & 1 deletion src/Components/Search/Users.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ function Users({ list }) {

const theme = {
backgroundColor: `${darkTheme ? '#333333' : '#dee2e6'}`,
color: `${darkTheme ? 'white' : 'grey'}`,
color: `${darkTheme ? 'white' : 'black'}`,
}

const typeHandler = (value) => {
Expand Down