Skip to content

Commit

Permalink
Update styling for recent chats dropdown
Browse files Browse the repository at this point in the history
Invert the colors, make the dropdown menu rounded #4 #6
  • Loading branch information
jared-yu-hcltech committed Sep 24, 2024
1 parent 26a9649 commit 9ffa7c3
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions client/src/components/chatList/chatList.css
Original file line number Diff line number Diff line change
Expand Up @@ -46,13 +46,22 @@
display: inline-block;
}

.chatItem .dropdown .dropdownButton {
background: none;
border: none;
padding: 0;
cursor: pointer;
filter: invert(1);
}

.chatItem .dropdown .dropdownContent {
display: block;
position: absolute;
right: 0;
background-color: white;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
border-radius: 8px;
}

.chatItem .dropdown .dropdownContent button {
Expand All @@ -64,6 +73,7 @@
text-decoration: none;
display: block;
cursor: pointer;
border-radius: 8px;
}

.chatItem .dropdown .dropdownContent button:hover {
Expand Down

0 comments on commit 9ffa7c3

Please sign in to comment.