Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

link_preview: Fix extraneous shadow. 

Fix extraneous shadow at bottom of link preview
in stream messages in dark theme, in private
messages for both themes and in mentions, group
mentions and direct mentions.

This is done by applying the same color, used
in the background, to the shadow. There are CSS
variables that hold the values of the background
color.

Fixes #28853.
This commit is contained in:
Afonso Azaruja 2024-03-30 19:04:12 +00:00 committed by Tim Abbott
parent d21f5c9b75
commit e217d35ccd
4 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/dark_theme.css
View File

@ -346,14 +346,6 @@
} }
} }
.message_embed .data-container::after {
background: linear-gradient(
0deg,
hsl(212deg 28% 18%),
transparent 100%
);
}
.stream_name_search_section, .stream_name_search_section,
.group_name_search_section { .group_name_search_section {
border-color: hsl(0deg 0% 0% / 20%); border-color: hsl(0deg 0% 0% / 20%);

16
web/styles/message_row.css
View File

@ -32,10 +32,26 @@ $time_column_min_width: 42px; /* + padding */
&.direct_mention { &.direct_mention {
background-color: var(--color-background-direct-mention); background-color: var(--color-background-direct-mention);
.message_embed .data-container::after {
background: linear-gradient(
0deg,
var(--color-background-direct-mention),
transparent 100%
);
}
} }
&.group_mention { &.group_mention {
background-color: var(--color-background-group-mention); background-color: var(--color-background-group-mention);
.message_embed .data-container::after {
background: linear-gradient(
0deg,
var(--color-background-group-mention),
transparent 100%
);
}
} }
.date_row { .date_row {

2
web/styles/rendered_markdown.css
View File

@ -629,7 +629,7 @@
background: linear-gradient( background: linear-gradient(
0deg, 0deg,
hsl(0deg 0% 100%), var(--color-background-stream-message-content),
transparent 100% transparent 100%
); );
} }

8
web/styles/zulip.css
View File

@ -1367,6 +1367,14 @@ td.pointer {
.date_row { .date_row {
background-color: var(--color-background-private-message-content); background-color: var(--color-background-private-message-content);
} }
.data-container::after {
background: linear-gradient(
0deg,
var(--color-background-private-message-content),
transparent 100%
);
}
} }
.selected_message { .selected_message {