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

TF-599 Apply new ui for button composer browser

Browse Source
This commit is contained in:
dab246
2022-05-31 10:39:39 +07:00
committed by Dat H. Pham
parent 47b02da7d3
commit 897fa1d8c9
4 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_compose_web.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.7568 1.71498L10.2868 1.71515L10.2883 2.85834L5.78409 2.85755C4.82916 2.86585 4.42907 2.95053 4.01692 3.17095C3.65089 3.3667 3.36705 3.65054 3.17129 4.01657C2.93863 4.45162 2.85721 4.87323 2.85721 5.94813V10.0513C2.85721 11.1262 2.93863 11.5478 3.17129 11.9829C3.36705 12.3489 3.65089 12.6327 4.01692 12.8285C4.40617 13.0367 4.78467 13.1238 5.62997 13.1398L5.94848 13.1426H10.0517L10.3702 13.1398C11.2155 13.1238 11.594 13.0367 11.9832 12.8285C12.3492 12.6327 12.6331 12.3489 12.8288 11.9829C13.037 11.5936 13.1241 11.2151 13.1401 10.3698L13.1429 10.0513L13.1405 5.71401L14.2843 5.71333L14.2858 10.0513C14.2858 11.2987 14.1699 11.8986 13.8366 12.5218C13.5344 13.087 13.0874 13.534 12.5222 13.8363C11.8989 14.1696 11.2991 14.2854 10.0517 14.2854H5.94848C4.70104 14.2854 4.1012 14.1696 3.47795 13.8363C2.91276 13.534 2.46578 13.087 2.16351 12.5218C1.84773 11.9314 1.72715 11.362 1.71533 10.243V5.75645C1.72715 4.63749 1.84773 4.06805 2.16351 3.4776C2.46578 2.91241 2.91276 2.46543 3.47795 2.16316C4.06839 1.84739 4.63784 1.7268 5.7568 1.71498ZM13.2447 2.75505C13.4902 3.00052 13.4902 3.39851 13.2447 3.64398L8.16446 8.72426C7.78353 9.10519 7.33085 9.40681 6.8326 9.61166L6.58441 9.7137C6.46765 9.7617 6.33409 9.70597 6.28609 9.58921C6.2632 9.53353 6.2632 9.47107 6.28609 9.41538L6.38813 9.16719C6.59298 8.66894 6.8946 8.21626 7.27553 7.83533L12.3558 2.75505C12.6013 2.50958 12.9993 2.50958 13.2447 2.75505ZM13.7144 5.14258C14.0074 5.14258 14.2489 5.36317 14.2819 5.64737L14.2858 5.71401H13.1429C13.1429 5.39842 13.3988 5.14258 13.7144 5.14258ZM10.2858 1.71401C10.6014 1.71401 10.8572 1.96984 10.8572 2.28544C10.8572 2.57848 10.6366 2.82001 10.3524 2.85302L10.2858 2.85686V1.71401ZM14.1715 1.14258C14.5502 1.14258 14.8572 1.44958 14.8572 1.82829C14.8572 2.207 14.5502 2.51401 14.1715 2.51401C13.7928 2.51401 13.4858 2.207 13.4858 1.82829C13.4858 1.44958 13.7928 1.14258 14.1715 1.14258Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

core/lib/presentation/extensions/color_extension.dart
+1
View File
@@ -119,6 +119,7 @@ extension AppColor on Color {
static const colorActionButtonHover = Color(0xFFA2AAB3);
static const colorBgMenuItemDropDownSelected = Color(0x80DEE2E7);
static const colorButtonCancelDialog = Color(0x0D000000);
static const colorShadowComposerButton = Color(0x99007AFF);
static const mapGradientColor = [
[Color(0xFF21D4FD), Color(0xFFB721FF)],
core/lib/presentation/resources/image_paths.dart
+1
View File
@@ -117,6 +117,7 @@ class ImagePaths {
String get icClockSB => _getImagePath('ic_clock_sb.svg');
String get icSelectedSB => _getImagePath('ic_selected_sb.svg');
String get icUserSB => _getImagePath('ic_user_sb.svg');
String get icComposeWeb => _getImagePath('ic_compose_web.svg');
String _getImagePath(String imageName) {
return AssetsPaths.images + imageName;
lib/features/mailbox/presentation/mailbox_view_web.dart
+13 -6
View File
@@ -96,18 +96,25 @@ class MailboxView extends GetWidget<MailboxController> {
Widget _buildComposerButton(BuildContext context) {
return Container(
padding: const EdgeInsets.only(top: 16, right: 16, left: 20),
padding: const EdgeInsets.only(top: 16, right: 16, left: 16),
color: AppColor.colorBgDesktop,
alignment: Alignment.centerLeft,
child: (ButtonBuilder(_imagePaths.icCompose)
child: (ButtonBuilder(_imagePaths.icComposeWeb)
..key(const Key('button_compose_email'))
..decoration(BoxDecoration(borderRadius: BorderRadius.circular(25), color: AppColor.colorTextButton))
..decoration(BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: AppColor.colorTextButton,
boxShadow: const [
BoxShadow(
blurRadius: 12.0,
color: AppColor.colorShadowComposerButton
)
]))
..paddingIcon(const EdgeInsets.only(right: 8))
..iconColor(Colors.white)
..maxWidth(140)
..size(20)
..size(16)
..radiusSplash(10)
..padding(const EdgeInsets.symmetric(vertical: 13))
..padding(const EdgeInsets.symmetric(vertical: 8))
..textStyle(const TextStyle(fontSize: 15, color: Colors.white, fontWeight: FontWeight.w500))
..onPressActionClick(() => controller.mailboxDashBoardController.composeEmailAction())
..text(AppLocalizations.of(context).compose, isVertical: false))