From d5062ee8aacd3eedc2cb90c0c7dd970544b61ef2 Mon Sep 17 00:00:00 2001 From: Deven Joshi Date: Thu, 14 Jan 2021 17:00:15 +0530 Subject: [PATCH] fix: fixed channel separator --- lib/src/channel_list_view.dart | 14 ++++---------- lib/src/stream_chat_theme.dart | 8 ++++---- 2 files changed, 8 insertions(+), 14 deletions(-) diff --git a/lib/src/channel_list_view.dart b/lib/src/channel_list_view.dart index 1ab10934..2de00c0e 100644 --- a/lib/src/channel_list_view.dart +++ b/lib/src/channel_list_view.dart @@ -729,17 +729,11 @@ class _ChannelListViewState extends State } Widget _separatorBuilder(context, i) { - var effect = StreamChatTheme.of(context).colorTheme.borderTop; + var effect = StreamChatTheme.of(context).colorTheme.borderBottom; - return BackdropFilter( - filter: ui.ImageFilter.blur( - sigmaX: effect.sigmaX, - sigmaY: effect.sigmaY, - ), - child: Container( - height: 1, - color: effect.color.withOpacity(0.08), - ), + return Container( + height: 1, + color: effect.color.withOpacity(effect.alpha ?? 1.0), ); } diff --git a/lib/src/stream_chat_theme.dart b/lib/src/stream_chat_theme.dart index f9c81be7..8230ba5c 100644 --- a/lib/src/stream_chat_theme.dart +++ b/lib/src/stream_chat_theme.dart @@ -492,8 +492,8 @@ class ColorTheme { ), this.borderTop = const Effect( sigmaX: 0, sigmaY: -1, color: Color(0xff000000), blur: 0.0), - this.borderBottom = - const Effect(sigmaX: 0, sigmaY: 1, color: Color(0xff000000), blur: 0.0), + this.borderBottom = const Effect( + sigmaX: 0, sigmaY: 1, color: Color(0xff000000), blur: 0.0, alpha: 0.08), this.shadowIconButton = const Effect( sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0), this.modalShadow = const Effect( @@ -514,8 +514,8 @@ class ColorTheme { this.accentGreen = const Color(0xff20E070), this.borderTop = const Effect( sigmaX: 0, sigmaY: -1, color: Color(0xff141924), blur: 0.0), - this.borderBottom = - const Effect(sigmaX: 0, sigmaY: 1, color: Color(0xff141924), blur: 0.0), + this.borderBottom = const Effect( + sigmaX: 0, sigmaY: 1, color: Color(0xff141924), blur: 0.0, alpha: 1.0), this.shadowIconButton = const Effect( sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0), this.modalShadow = const Effect(