From bdf2f36f11a0768dd21c28ba149de4d5e4cc2ad5 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Mon, 2 Nov 2020 20:57:56 +0200 Subject: fix chat heading not being aligned and using wrong styles --- src/components/chat/chat.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/components/chat') diff --git a/src/components/chat/chat.scss b/src/components/chat/chat.scss index 787514c8..4abd94a1 100644 --- a/src/components/chat/chat.scss +++ b/src/components/chat/chat.scss @@ -138,11 +138,15 @@ } .chat-view-heading { + box-sizing: border-box; position: static; z-index: 9999; top: 0; margin-top: 0; border-radius: 0; + background: linear-gradient(to top, var(--panel), var(--panel)), + linear-gradient(to top, var(--bg), var(--bg)); + height: 50px; } .scrollable-message-list { -- cgit v1.2.3-70-g09d2 From b6a8ca44ef84b6fb78958a2af3bffd467804a061 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Mon, 2 Nov 2020 21:08:22 +0200 Subject: added comment --- src/components/chat/chat.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'src/components/chat') diff --git a/src/components/chat/chat.scss b/src/components/chat/chat.scss index 4abd94a1..aef58495 100644 --- a/src/components/chat/chat.scss +++ b/src/components/chat/chat.scss @@ -144,8 +144,14 @@ top: 0; margin-top: 0; border-radius: 0; - background: linear-gradient(to top, var(--panel), var(--panel)), - linear-gradient(to top, var(--bg), var(--bg)); + + /* This practically overlays the panel heading color over panel background + * color. This is needed because we allow transparent panel background and + * it doesn't work well in this "disjointed panel header" case + */ + background: + linear-gradient(to top, var(--panel), var(--panel)), + linear-gradient(to top, var(--bg), var(--bg)); height: 50px; } -- cgit v1.2.3-70-g09d2