TF-985 Change TopBar widget of EmailView

core/lib/core.dart

@@ -22,6 +22,7 @@ export 'domain/exceptions/web_session_exception.dart';
 export 'presentation/utils/theme_utils.dart';
 export 'presentation/utils/responsive_utils.dart';
 export 'presentation/utils/keyboard_utils.dart';
+export 'presentation/utils/icon_utils.dart';
 export 'presentation/utils/style_utils.dart';
 export 'presentation/utils/app_toast.dart';
 export 'presentation/utils/html_transformer/html_template.dart';

core/lib/presentation/extensions/color_extension.dart

@@ -150,6 +150,8 @@ extension AppColor on Color {
   static const colorBackgroundKeyboard = Color(0xFFD2D5DC);
   static const colorShadowLayerBottom = Color(0x29000000);
   static const colorShadowLayerTop = Color(0x1F000000);
+  static const colorDividerHorizontal = Color(0x1F000000);
+  static const colorEmailAddressFull = Color(0xFF818C99);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],

core/lib/presentation/utils/icon_utils.dart

@@ -0,0 +1,6 @@
+
+import 'package:core/utils/build_utils.dart';
+
+class IconUtils {
+  static final double defaultIconSize = BuildUtils.isWeb ? 20.0 : 24.0;
+}

core/lib/presentation/views/button/button_builder.dart

@@ -90,31 +90,35 @@ class ButtonBuilder {
   }
 
   Widget build() {
-    return InkWell(
-      onTap: () => _onPressActionClick != null ? _onPressActionClick?.call() : null,
-      onTapDown: (detail) {
-        if (_onPressActionWithPositionClick != null && _context != null) {
-          final screenSize = MediaQuery.of(_context!).size;
-          final offset = detail.globalPosition;
-          final position = RelativeRect.fromLTRB(
-            offset.dx,
-            offset.dy,
-            screenSize.width - offset.dx,
-            screenSize.height - offset.dy,
-          );
-          _onPressActionWithPositionClick?.call(position);
-        }
-      },
-      borderRadius: BorderRadius.all(Radius.circular(_radiusSplash ?? 20)),
-      child: Container(
-        key: _key,
-        alignment: Alignment.center,
-        color: _decoration == null ? _colorButton : null,
-        decoration: _decoration,
-        width: _maxWidth,
-        padding: _padding ?? EdgeInsets.zero,
-        child: _buildBody()
-      )
+    return Material(
+      color: Colors.transparent,
+      child: InkWell(
+        onTap: () => _onPressActionClick != null ? _onPressActionClick?.call() : null,
+        onTapDown: (detail) {
+          if (_onPressActionWithPositionClick != null && _context != null) {
+            final screenSize = MediaQuery.of(_context!).size;
+            final offset = detail.globalPosition;
+            final position = RelativeRect.fromLTRB(
+              offset.dx,
+              offset.dy,
+              screenSize.width - offset.dx,
+              screenSize.height - offset.dy,
+            );
+            _onPressActionWithPositionClick?.call(position);
+          }
+        },
+        customBorder: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(_radiusSplash ?? 20)),
+        child: Container(
+          key: _key,
+          alignment: Alignment.center,
+          color: _decoration == null ? _colorButton : null,
+          decoration: _decoration,
+          width: _maxWidth,
+          padding: _padding ?? EdgeInsets.zero,
+          child: _buildBody()
+        )
+      ),
     );
   }
 
@@ -144,7 +148,12 @@ class ButtonBuilder {
 
   Widget _buildIcon() => Padding(
     padding: _paddingIcon ?? EdgeInsets.all(10),
-    child: SvgPicture.asset(_icon ?? '', width: _size ?? 24, height: _size ?? 24, fit: BoxFit.fill, color: _iconColor));
+    child: SvgPicture.asset(
+        _icon ?? '',
+        width: _size ?? 24,
+        height: _size ?? 24,
+        fit: BoxFit.fill,
+        color: _iconColor));
 
   Widget _buildText() {
     return Text(
@@ -152,7 +161,9 @@ class ButtonBuilder {
       maxLines: 1,
       softWrap: CommonTextStyle.defaultSoftWrap,
       overflow: CommonTextStyle.defaultTextOverFlow,
-      style: _textStyle ?? TextStyle(fontSize: 12, color: AppColor.colorTextButton),
+      style: _textStyle ?? TextStyle(
+          fontSize: 12,
+          color: AppColor.colorTextButton),
     );
   }
 }