Skip to content

Commit

Permalink
correct hover background color for threads
Browse files Browse the repository at this point in the history
Fixes laCour#78

Test Plan:
- Go to /threads/
- Hover over individual messages inside threads
- Verify the background color changes on hover, but still matches the
  theme and all text is readable
  • Loading branch information
mastermel committed Sep 5, 2018
1 parent 3f3adef commit 622da92
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 0 deletions.
1 change: 1 addition & 0 deletions scss/helpers/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ $color-red: #bf360c !default;
$color-green: adjust-hue($color-red, 140) !default;

$color-shade-darkest: #000 !default;
$color-shade-darker: #222222 !default;
$color-shade-dark: #363636 !default;
$color-shade-mid: #424242 !default;
$color-shade-light: #545454 !default;
Expand Down
13 changes: 13 additions & 0 deletions scss/modules/flexpane/_threads.scss
Original file line number Diff line number Diff line change
Expand Up @@ -58,3 +58,16 @@
#convo_tab textarea#msg_text {
color: $base-font-color;
}

ts-message.message:hover,
ts-message.message:active,
ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator) {
background-color: $color-shade-darker;
}

ts-thread {
.collapse_inline_thread_container:hover,
.view_all_replies_container:hover {
background-color: $color-shade-darker;
}
}

0 comments on commit 622da92

Please sign in to comment.