eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Apply new style Language section in Setting on desktop

Browse Source 
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-07-03 16:54:23 +07:00
committed by Dat H. Pham
parent de596a76d6
commit 8289593247
11 changed files with 319 additions and 312 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/lib/presentation/extensions/color_extension.dart
+2
View File
@@ -260,12 +260,14 @@ extension AppColor on Color {
static const gray424244 = Color(0xFF424244);
static const redFF3347 = Color(0xFFFF3347);
static const gray686E76 = Color(0xFF686E76);
static const lightGrayEBEDF0 = Color(0xFFEBEDF0);
static const textSecondary = Color(0xFF1C1B1F);
static const profileMenuDivider = Color(0xFF1D192B);
static const popupMenuItemHovered = Color(0xFFF8F8F8);
static const secondaryContrastText = Color(0xFFFFFFFF);
static const primaryLinShare = Color(0xFF007AFF);
static const lightGrayEAEDF2 = Color(0xFFEAEDF2);
static const lightIconTertiary = Color(0xFFB8C1CC);
static const mapGradientColor = [
[Color(0xFF21D4FD), Color(0xFFB721FF)],
core/lib/presentation/views/button/tmail_button_widget.dart
+60 -120
View File
@@ -44,6 +44,7 @@ class TMailButtonWidget extends StatelessWidget {
final Color? hoverColor;
final TextOverflow? textOverflow;
final Alignment? alignment;
final bool isTextExpanded;
const TMailButtonWidget({
super.key,
@@ -81,6 +82,7 @@ class TMailButtonWidget extends StatelessWidget {
this.hoverColor,
this.textOverflow,
this.alignment,
this.isTextExpanded = false,
});
factory TMailButtonWidget.fromIcon({
@@ -163,6 +165,7 @@ class TMailButtonWidget extends StatelessWidget {
Color? hoverColor,
TextOverflow? textOverflow,
Alignment? alignment,
bool isTextExpanded = false,
}) {
return TMailButtonWidget(
key: key,
@@ -189,48 +192,63 @@ class TMailButtonWidget extends StatelessWidget {
hoverColor: hoverColor,
textOverflow: textOverflow,
alignment: alignment,
isTextExpanded: isTextExpanded,
);
}
@override
Widget build(BuildContext context) {
Widget childWidget;
Widget? textWidget;
Widget? iconWidget;
Widget? trailingIconWidget;
if (text.isNotEmpty) {
textWidget = Text(
text,
textAlign: textAlign,
style: textStyle ?? ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 12,
color: AppColor.colorTextButtonHeaderThread,
),
maxLines: maxLines,
overflow: textOverflow ??
(maxLines == 1 ? CommonTextStyle.defaultTextOverFlow : null),
softWrap: maxLines == 1 ? CommonTextStyle.defaultSoftWrap : null,
);
}
if (icon != null) {
iconWidget = SvgPicture.asset(
icon!,
width: iconSize,
height: iconSize,
fit: BoxFit.fill,
colorFilter: iconColor?.asFilter(),
);
}
if (trailingIcon != null) {
trailingIconWidget = Padding(
padding: EdgeInsetsDirectional.only(top: iconSpace),
child: SvgPicture.asset(
trailingIcon!,
width: trailingIconSize,
height: trailingIconSize,
fit: BoxFit.fill,
colorFilter: trailingIconColor?.asFilter(),
),
);
}
if (icon != null && text.isNotEmpty) {
if (verticalDirection) {
childWidget = Column(
mainAxisSize: mainAxisSize,
children: [
SvgPicture.asset(
icon!,
width: iconSize,
height: iconSize,
fit: BoxFit.fill,
colorFilter: iconColor?.asFilter()
),
iconWidget!,
SizedBox(height: iconSpace),
Text(
text,
textAlign: textAlign,
style: textStyle ?? ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 12,
color: AppColor.colorTextButtonHeaderThread
),
maxLines: maxLines,
overflow: textOverflow ?? (maxLines == 1 ? CommonTextStyle.defaultTextOverFlow : null),
softWrap: maxLines == 1 ? CommonTextStyle.defaultSoftWrap : null,
),
if (trailingIcon != null)
Padding(
padding: EdgeInsetsDirectional.only(top: iconSpace),
child: SvgPicture.asset(
trailingIcon!,
width: trailingIconSize,
height: trailingIconSize,
fit: BoxFit.fill,
colorFilter: trailingIconColor?.asFilter()
),
),
textWidget!,
if (trailingIcon != null) trailingIconWidget!,
]
);
} else {
@@ -239,51 +257,15 @@ class TMailButtonWidget extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: mainAxisSize,
children: [
SvgPicture.asset(
icon!,
width: iconSize,
height: iconSize,
fit: BoxFit.fill,
colorFilter: iconColor?.asFilter()
),
iconWidget!,
SizedBox(width: iconSpace),
if (flexibleText)
Flexible(
child: Text(
text,
textAlign: textAlign,
style: textStyle ?? ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 12,
color: AppColor.colorTextButtonHeaderThread
),
maxLines: maxLines,
overflow: textOverflow ?? (maxLines == 1 ? CommonTextStyle.defaultTextOverFlow : null),
softWrap: maxLines == 1 ? CommonTextStyle.defaultSoftWrap : null,
),
)
Flexible(child: textWidget!)
else if (isTextExpanded)
Expanded(child: textWidget!)
else
Text(
text,
textAlign: textAlign,
style: textStyle ?? ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 12,
color: AppColor.colorTextButtonHeaderThread
),
maxLines: maxLines,
overflow: textOverflow ?? (maxLines == 1 ? CommonTextStyle.defaultTextOverFlow : null),
softWrap: maxLines == 1 ? CommonTextStyle.defaultSoftWrap : null,
),
if (trailingIcon != null)
Padding(
padding: EdgeInsetsDirectional.only(start: iconSpace),
child: SvgPicture.asset(
trailingIcon!,
width: trailingIconSize,
height: trailingIconSize,
fit: BoxFit.fill,
colorFilter: trailingIconColor?.asFilter()
),
),
textWidget!,
if (trailingIcon != null) trailingIconWidget!,
]
);
} else {
@@ -292,40 +274,14 @@ class TMailButtonWidget extends StatelessWidget {
mainAxisSize: mainAxisSize,
children: [
if (flexibleText)
Flexible(
child: Text(
text,
textAlign: textAlign,
style: textStyle ?? ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 12,
color: AppColor.colorTextButtonHeaderThread
),
maxLines: maxLines,
overflow: textOverflow ?? (maxLines == 1 ? CommonTextStyle.defaultTextOverFlow : null),
softWrap: maxLines == 1 ? CommonTextStyle.defaultSoftWrap : null,
),
)
Flexible(child: textWidget!)
else if (isTextExpanded)
Expanded(child: textWidget!)
else
Text(
text,
textAlign: textAlign,
style: textStyle ?? ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 12,
color: AppColor.colorTextButtonHeaderThread
),
maxLines: maxLines,
overflow: textOverflow ?? (maxLines == 1 ? CommonTextStyle.defaultTextOverFlow : null),
softWrap: maxLines == 1 ? CommonTextStyle.defaultSoftWrap : null,
),
textWidget!,
SizedBox(width: iconSpace),
if (!isLoading)
SvgPicture.asset(
icon!,
width: iconSize,
height: iconSize,
fit: BoxFit.fill,
colorFilter: iconColor?.asFilter()
)
iconWidget!
else
SizedBox(
width: iconSize,
@@ -340,25 +296,9 @@ class TMailButtonWidget extends StatelessWidget {
}
}
} else if (icon != null) {
childWidget = SvgPicture.asset(
icon!,
width: iconSize,
height: iconSize,
fit: BoxFit.fill,
colorFilter: iconColor?.asFilter()
);
childWidget = iconWidget!;
} else {
childWidget = Text(
text,
textAlign: textAlign,
style: textStyle ?? ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 12,
color: AppColor.colorTextButtonHeaderThread
),
maxLines: maxLines,
overflow: textOverflow ?? (maxLines == 1 ? CommonTextStyle.defaultTextOverFlow : null),
softWrap: maxLines == 1 ? CommonTextStyle.defaultSoftWrap : null,
);
childWidget = textWidget!;
}
return TMailContainerWidget(