hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

highlight messages with mentions

Browse source
This commit is contained in:
hippoz 2023-08-09 20:44:15 +03:00
parent b52a35a734
commit fd8aa70ee2
Signed by: hippoz
GPG key ID: 56C4E02A85F2FBED
2 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/Message.svelte
View file

@ -53,10 +53,26 @@
height: 40px; height: 40px;
} }
.message:hover, .message.pinged { .message:hover {
background-color: var(--background-color-3); background-color: var(--background-color-3);
} }
.message.pinged {
background-color: var(--purple-2-highlight);
}
.message.pinged::before {
content: "";
display: block;
position: absolute;
width: 3px;
border-radius: 2px;
top: 0;
left: 0;
bottom: 0;
background-color: var(--purple-2);
}
.message-content { .message-content {
color: var(--foreground-color-2); color: var(--foreground-color-2);
white-space: pre-wrap; white-space: pre-wrap;

2
frontend/src/styles/global.css
View file

@ -66,6 +66,8 @@
--yellow-2: hsl(50, 78%, 60%); --yellow-2: hsl(50, 78%, 60%);
--red-2: hsl(2, 78%, 60%); --red-2: hsl(2, 78%, 60%);
--purple-2-highlight: hsla(266, 62%, 58%, 0.1);
--space-unit: 1em; --space-unit: 1em;
--space-xxs: calc(0.25 * var(--space-unit)); --space-xxs: calc(0.25 * var(--space-unit));