TF-2584 Update padding toolbox buttons of composer in mobile
This commit is contained in:
@@ -5,8 +5,7 @@ import 'package:flutter/material.dart';
|
|||||||
class MobileAppBarComposerWidgetStyle {
|
class MobileAppBarComposerWidgetStyle {
|
||||||
static const double height = 56;
|
static const double height = 56;
|
||||||
static const double iconSize = 24;
|
static const double iconSize = 24;
|
||||||
static const double space = 12;
|
static const double space = 4;
|
||||||
static const double iconRadius = 8;
|
|
||||||
static const double sendButtonIconSize = 30;
|
static const double sendButtonIconSize = 30;
|
||||||
static const double richTextIconSize = 28;
|
static const double richTextIconSize = 28;
|
||||||
|
|
||||||
|
|||||||
@@ -45,7 +45,6 @@ class AppBarComposerWidget extends StatelessWidget {
|
|||||||
tooltipMessage: AppLocalizations.of(context).saveAndClose,
|
tooltipMessage: AppLocalizations.of(context).saveAndClose,
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
|
||||||
onTapActionCallback: onCloseViewAction
|
onTapActionCallback: onCloseViewAction
|
||||||
),
|
),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
@@ -60,7 +59,7 @@ class AppBarComposerWidget extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
if (isNetworkConnectionAvailable)
|
if (isNetworkConnectionAvailable)
|
||||||
...[
|
...[
|
||||||
const SizedBox(width: 4),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icAttachFile,
|
icon: _imagePaths.icAttachFile,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
@@ -69,7 +68,7 @@ class AppBarComposerWidget extends StatelessWidget {
|
|||||||
tooltipMessage: AppLocalizations.of(context).attach_file,
|
tooltipMessage: AppLocalizations.of(context).attach_file,
|
||||||
onTapActionCallback: attachFileAction,
|
onTapActionCallback: attachFileAction,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 4),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icInsertImage,
|
icon: _imagePaths.icInsertImage,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
@@ -78,7 +77,7 @@ class AppBarComposerWidget extends StatelessWidget {
|
|||||||
tooltipMessage: AppLocalizations.of(context).insertImage,
|
tooltipMessage: AppLocalizations.of(context).insertImage,
|
||||||
onTapActionCallback: insertImageAction,
|
onTapActionCallback: insertImageAction,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 4),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
],
|
],
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: isSendButtonEnabled
|
icon: isSendButtonEnabled
|
||||||
@@ -94,7 +93,6 @@ class AppBarComposerWidget extends StatelessWidget {
|
|||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icMore,
|
icon: _imagePaths.icMore,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
borderRadius: MobileAppBarComposerWidgetStyle.iconRadius,
|
|
||||||
backgroundColor: Colors.transparent,
|
backgroundColor: Colors.transparent,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
|
|||||||
+3
-5
@@ -48,7 +48,6 @@ class LandscapeAppBarComposerWidget extends StatelessWidget {
|
|||||||
tooltipMessage: AppLocalizations.of(context).saveAndClose,
|
tooltipMessage: AppLocalizations.of(context).saveAndClose,
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
|
||||||
onTapActionCallback: onCloseViewAction
|
onTapActionCallback: onCloseViewAction
|
||||||
),
|
),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
@@ -63,7 +62,7 @@ class LandscapeAppBarComposerWidget extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
if (isNetworkConnectionAvailable)
|
if (isNetworkConnectionAvailable)
|
||||||
...[
|
...[
|
||||||
const SizedBox(width: 4),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icAttachFile,
|
icon: _imagePaths.icAttachFile,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
@@ -72,7 +71,7 @@ class LandscapeAppBarComposerWidget extends StatelessWidget {
|
|||||||
tooltipMessage: AppLocalizations.of(context).attach_file,
|
tooltipMessage: AppLocalizations.of(context).attach_file,
|
||||||
onTapActionCallback: attachFileAction,
|
onTapActionCallback: attachFileAction,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 4),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icInsertImage,
|
icon: _imagePaths.icInsertImage,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
@@ -81,7 +80,7 @@ class LandscapeAppBarComposerWidget extends StatelessWidget {
|
|||||||
tooltipMessage: AppLocalizations.of(context).insertImage,
|
tooltipMessage: AppLocalizations.of(context).insertImage,
|
||||||
onTapActionCallback: insertImageAction,
|
onTapActionCallback: insertImageAction,
|
||||||
),
|
),
|
||||||
const SizedBox(width: 4),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
],
|
],
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: isSendButtonEnabled
|
icon: isSendButtonEnabled
|
||||||
@@ -97,7 +96,6 @@ class LandscapeAppBarComposerWidget extends StatelessWidget {
|
|||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icMore,
|
icon: _imagePaths.icMore,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
borderRadius: MobileAppBarComposerWidgetStyle.iconRadius,
|
|
||||||
backgroundColor: Colors.transparent,
|
backgroundColor: Colors.transparent,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
|
|||||||
+2
-12
@@ -48,13 +48,11 @@ class MobileResponsiveAppBarComposerWidget extends StatelessWidget {
|
|||||||
tooltipMessage: AppLocalizations.of(context).saveAndClose,
|
tooltipMessage: AppLocalizations.of(context).saveAndClose,
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
|
||||||
onTapActionCallback: onCloseViewAction
|
onTapActionCallback: onCloseViewAction
|
||||||
),
|
),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icRichToolbar,
|
icon: _imagePaths.icRichToolbar,
|
||||||
borderRadius: MobileAppBarComposerWidgetStyle.iconRadius,
|
|
||||||
padding: MobileAppBarComposerWidgetStyle.richTextIconPadding,
|
padding: MobileAppBarComposerWidgetStyle.richTextIconPadding,
|
||||||
backgroundColor: isFormattingOptionsEnabled
|
backgroundColor: isFormattingOptionsEnabled
|
||||||
? MobileAppBarComposerWidgetStyle.selectedBackgroundColor
|
? MobileAppBarComposerWidgetStyle.selectedBackgroundColor
|
||||||
@@ -70,27 +68,21 @@ class MobileResponsiveAppBarComposerWidget extends StatelessWidget {
|
|||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icAttachFile,
|
icon: _imagePaths.icAttachFile,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
borderRadius: MobileAppBarComposerWidgetStyle.iconRadius,
|
|
||||||
backgroundColor: Colors.transparent,
|
backgroundColor: Colors.transparent,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
tooltipMessage: AppLocalizations.of(context).attach_file,
|
tooltipMessage: AppLocalizations.of(context).attach_file,
|
||||||
onTapActionCallback: attachFileAction,
|
onTapActionCallback: attachFileAction,
|
||||||
),
|
),
|
||||||
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
AbsorbPointer(
|
if (!isCodeViewEnabled)
|
||||||
absorbing: isCodeViewEnabled,
|
TMailButtonWidget.fromIcon(
|
||||||
child: TMailButtonWidget.fromIcon(
|
|
||||||
icon: _imagePaths.icInsertImage,
|
icon: _imagePaths.icInsertImage,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
borderRadius: MobileAppBarComposerWidgetStyle.iconRadius,
|
|
||||||
backgroundColor: Colors.transparent,
|
backgroundColor: Colors.transparent,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
tooltipMessage: AppLocalizations.of(context).insertImage,
|
tooltipMessage: AppLocalizations.of(context).insertImage,
|
||||||
onTapActionCallback: insertImageAction,
|
onTapActionCallback: insertImageAction,
|
||||||
),
|
),
|
||||||
),
|
|
||||||
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
const SizedBox(width: MobileAppBarComposerWidgetStyle.space),
|
||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: isSendButtonEnabled
|
icon: isSendButtonEnabled
|
||||||
@@ -106,9 +98,7 @@ class MobileResponsiveAppBarComposerWidget extends StatelessWidget {
|
|||||||
TMailButtonWidget.fromIcon(
|
TMailButtonWidget.fromIcon(
|
||||||
icon: _imagePaths.icMore,
|
icon: _imagePaths.icMore,
|
||||||
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
iconColor: MobileAppBarComposerWidgetStyle.iconColor,
|
||||||
borderRadius: MobileAppBarComposerWidgetStyle.iconRadius,
|
|
||||||
backgroundColor: Colors.transparent,
|
backgroundColor: Colors.transparent,
|
||||||
padding: MobileAppBarComposerWidgetStyle.iconPadding,
|
|
||||||
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
iconSize: MobileAppBarComposerWidgetStyle.iconSize,
|
||||||
tooltipMessage: AppLocalizations.of(context).more,
|
tooltipMessage: AppLocalizations.of(context).more,
|
||||||
onTapActionAtPositionCallback: openContextMenuAction,
|
onTapActionAtPositionCallback: openContextMenuAction,
|
||||||
|
|||||||
Reference in New Issue
Block a user