TF-517 Add all screen for responsive

lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view.dart

@@ -28,14 +28,17 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
             ? SizedBox(child: MailboxView(), width: double.infinity)
             : SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthMobileTablet),
         tablet: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthMobileTablet),
-        tabletLarge: SizedBox.shrink(),
+        tabletLarge: const SizedBox.shrink(),
+        desktop: const SizedBox.shrink(),
       ),
       drawerEnableOpenDragGesture: _responsiveUtils.isMobile(context) || _responsiveUtils.isTablet(context),
       body: Stack(children: [
         ResponsiveWidget(
           responsiveUtils: _responsiveUtils,
+          desktop: _buildLargeScreenView(context),
           tabletLarge: _buildLargeScreenView(context),
-          mobile: ThreadView()
+          tablet: ThreadView(),
+          mobile: ThreadView(),
         ),
         Obx(() => controller.dashBoardAction.value is ComposeEmailAction
           ? ComposerView()

lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart

@@ -42,7 +42,9 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
       drawer: ResponsiveWidget(
           responsiveUtils: _responsiveUtils,
           mobile: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthWeb),
-          tabletLarge: const SizedBox.shrink()
+          tablet: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthWeb),
+          tabletLarge: const SizedBox.shrink(),
+          desktop: const SizedBox.shrink(),
       ),
       drawerEnableOpenDragGesture: _responsiveUtils.isMobile(context) || _responsiveUtils.isTablet(context),
       body: Stack(children: [
@@ -93,7 +95,8 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
                 Expanded(child: _wrapContainerForThreadAndEmail(context))
               ],
             ),
-            mobile: ThreadView()
+            tablet: ThreadView(),
+            mobile: ThreadView(),
         ),
         Obx(() => controller.dashBoardAction.value is ComposeEmailAction
             ? ComposerView()

lib/features/thread/presentation/thread_view.dart

@@ -87,9 +87,8 @@ class ThreadView extends GetWidget<ThreadController> with AppLoaderMixin {
 
   Widget _buildListButtonSelectionForMobile(BuildContext context) {
     return Obx(() {
-      if (controller.isSelectionEnabled()
+      if ((!BuildUtils.isWeb || (BuildUtils.isWeb && controller.isSelectionEnabled()
-          && controller.isSearchActive()
+            && controller.isSearchActive() && !_responsiveUtils.isDesktop(context)))
-          && !_responsiveUtils.isDesktop(context)
           && controller.listEmailSelected.isNotEmpty) {
         return Column(children: [
           const Divider(color: AppColor.lineItemListColor, height: 1, thickness: 0.2),

lib/features/thread/presentation/widgets/app_bar_thread_widget_builder.dart

@@ -65,7 +65,8 @@ class AppBarThreadWidgetBuilder {
       alignment: Alignment.topCenter,
       color: Colors.white,
       margin: EdgeInsets.zero,
-      padding: const EdgeInsets.only(left: 8, top: 16, bottom: 8, right: 8),
+      padding: EdgeInsets.only(left: 8, bottom: 8, right: 8,
+          top: (!BuildUtils.isWeb && _responsiveUtils.isPortraitMobile(_context)) ? 0 : 16),
       child: MediaQuery(
         data: const MediaQueryData(padding: EdgeInsets.zero),
         child: kIsWeb

lib/features/thread/presentation/widgets/email_tile_builder.dart

@@ -59,31 +59,13 @@ class EmailTileBuilder {
   }
 
   Widget _wrapContainerForTile(Widget tile) {
-    if (_responsiveUtils.isDesktop(_context)) {
+    return Padding(
-      return Container(
+      padding: const EdgeInsets.only(left: 16, right: 16, bottom: 4),
-        margin: _selectModeAll == SelectMode.ACTIVE ? const EdgeInsets.only(top: 3, left: 8, right: 8) : EdgeInsets.zero,
-        padding: _selectModeAll == SelectMode.ACTIVE ? const EdgeInsets.symmetric(vertical: 8) : EdgeInsets.zero,
-        decoration: _selectModeAll == SelectMode.ACTIVE && _presentationEmail.selectMode == SelectMode.ACTIVE
-            ? BoxDecoration(borderRadius: BorderRadius.circular(14), color: AppColor.colorItemEmailSelectedDesktop)
-            : null,
       child: tile);
-    } else {
-      return Container(
-          margin: EdgeInsets.zero,
-          padding: const EdgeInsets.only(bottom: 10, left: 16, right: 16),
-          decoration: BoxDecoration(borderRadius: BorderRadius.circular(0), color: Colors.white),
-          alignment: Alignment.center,
-          child: tile);
-    }
   }
 
   Widget _buildListTile() {
-    return Container(
+    return Column(children: [
-        margin: EdgeInsets.zero,
-        padding: const EdgeInsets.only(bottom: 10, left: 16, right: 16),
-        decoration: BoxDecoration(borderRadius: BorderRadius.circular(0), color: Colors.white),
-        alignment: Alignment.center,
-        child: Column(children: [
       ListTile(
         contentPadding: EdgeInsets.zero,
         onTap: () => _emailActionClick?.call(EmailActionType.preview, _presentationEmail),
@@ -92,7 +74,12 @@ class EmailTileBuilder {
           onTap: () => _emailActionClick?.call(
               _selectModeAll == SelectMode.ACTIVE ? EmailActionType.selection : EmailActionType.preview,
               _presentationEmail),
-              child: _buildAvatarIcon(),
+          child: Container(
+              width: 56,
+              height: 56,
+              color: Colors.transparent,
+              alignment: Alignment.center,
+              child: _buildAvatarIcon()),
         ),
         title: Row(
           children: [
@@ -127,14 +114,12 @@ class EmailTileBuilder {
             SvgPicture.asset(_imagePaths.icChevron, width: 16, height: 16, fit: BoxFit.fill),
           ],
         ),
-            subtitle: Transform(
+        subtitle: Column(
-                transform: Matrix4.translationValues(0.0, 8.0, 0.0),
-                child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           mainAxisSize: MainAxisSize.min,
           children: [
             Padding(
-                        padding: EdgeInsets.zero,
+                padding: const EdgeInsets.only(top: 6),
                 child: Row(
                   mainAxisSize: MainAxisSize.min,
                   children: [
@@ -170,7 +155,7 @@ class EmailTileBuilder {
                   ],
                 )),
             Padding(
-                        padding: const EdgeInsets.only(top: 8),
+                padding: const EdgeInsets.only(top: 6),
                 child: Row(children: [
                   Expanded(child: _searchStatus == SearchStatus.ACTIVE && _searchQuery != null && _searchQuery!.value.isNotEmpty
                       ? RichTextBuilder(
@@ -187,24 +172,21 @@ class EmailTileBuilder {
                 ])
             ),
           ],
-                )
         ),
       ),
       const Padding(
-              padding: EdgeInsets.only(top: 12, right: 12),
+          padding: EdgeInsets.only(top: 4),
           child: Divider(color: AppColor.lineItemListColor, height: 1, thickness: 0.2)),
-        ]),
+    ]);
-    );
   }
 
   Widget _buildListTileForDesktop() {
-    return InkWell(
+    return GestureDetector(
       onTap: () => _emailActionClick?.call(EmailActionType.preview, _presentationEmail),
       onLongPress: () => _emailActionClick?.call(EmailActionType.selection, _presentationEmail),
       child: Column(children: [
         Row(children: [
           Container(
-              padding: const EdgeInsets.only(left: 16, right: 16),
               alignment: Alignment.center,
               child: !_presentationEmail.hasRead
                   ? SvgPicture.asset(_imagePaths.icUnreadStatus, width: 9, height: 9, fit: BoxFit.fill)
@@ -219,17 +201,21 @@ class EmailTileBuilder {
               onTap: () => _emailActionClick?.call(
                   _presentationEmail.hasStarred ?  EmailActionType.unMarkAsStarred :  EmailActionType.markAsStarred,
                   _presentationEmail)),
-          if (_selectModeAll == SelectMode.INACTIVE) const SizedBox(width: 8),
           GestureDetector(
             onTap: () => _emailActionClick?.call(
                 _selectModeAll == SelectMode.ACTIVE ? EmailActionType.selection : EmailActionType.preview,
                 _presentationEmail),
+            child: Container(
+                width: 40,
+                height: 56,
+                color: Colors.transparent,
+                alignment: Alignment.center,
                 child: _buildAvatarIcon(
-                iconSize: 32,
+                  iconSize: 40,
-                textStyle: const TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Colors.white),
+                  textStyle: const TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Colors.white))
-                paddingIconSelect: const EdgeInsets.all(5)),
             ),
-          if (_selectModeAll == SelectMode.INACTIVE) const SizedBox(width: 10),
+          ),
+          const SizedBox(width: 10),
           SizedBox(
             width: 160,
             child: _isSearchEnabled
@@ -271,7 +257,7 @@ class EmailTileBuilder {
         ]),
         if (_selectModeAll == SelectMode.INACTIVE)
           const Padding(
-              padding: EdgeInsets.only(top: 7.5, bottom: 7.5, left: 70),
+              padding: EdgeInsets.only(left: 85),
               child: Divider(color: AppColor.lineItemListColor, height: 1, thickness: 0.2)),
       ]),
     );
@@ -314,17 +300,16 @@ class EmailTileBuilder {
 
   Widget _buildAvatarIcon({
     double? iconSize,
-    EdgeInsets? paddingIconSelect,
     TextStyle? textStyle
   }) {
     if (_selectModeAll == SelectMode.ACTIVE) {
-      return Padding(
+      return Container(
-        padding: const EdgeInsets.all(12),
+        alignment: Alignment.center,
         child: SvgPicture.asset(
           _presentationEmail.selectMode == SelectMode.ACTIVE
               ? _imagePaths.icSelected
               : _imagePaths.icUnSelected,
-          fit: BoxFit.fill));
+          width: 24, height: 24));
     } else {
       return Container(
           width: iconSize ?? 56,

lib/features/thread/presentation/widgets/email_tile_web_builder.dart

@@ -54,6 +54,7 @@ class EmailTileBuilder {
         responsiveUtils: _responsiveUtils,
         mobile: _wrapContainerForTile(_buildListTile()),
         tablet: _wrapContainerForTile(_buildListTileTablet()),
+        tabletLarge: _wrapContainerForTile(_buildListTileTablet()),
         desktop: _wrapContainerForTile(_buildListTileForDesktop()),
       )
     );