Corrected splash effect

Tomasz Kądziołka · Tomasz Kądziołka · commit c0fecffbde26 · 2022-10-25T08:34:42.000+02:00
diff --git a/flutter_module/lib/presentation/styles/color_styles.dart b/flutter_module/lib/presentation/styles/color_styles.dart
@@ -6,6 +6,6 @@ class ColorStyles extends Color {
 
   ColorStyles.pageBackground(): super(0xFFF5F5F5);
 
-  ColorStyles.codeBackground(): super(0xFFF0F0F0);
+  ColorStyles.codeBackground(): super(0xFFF8F8F8);
 
 }
diff --git a/flutter_module/lib/presentation/widgets/snippet_list_item.dart b/flutter_module/lib/presentation/widgets/snippet_list_item.dart
@@ -3,7 +3,6 @@ import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:flutter_module/messages.dart';
 import 'package:flutter_module/presentation/styles/color_styles.dart';
 import 'package:flutter_module/presentation/styles/dimens.dart';
-import 'package:flutter_module/presentation/styles/padding_styles.dart';
 import 'package:flutter_module/presentation/styles/text_styles.dart';
 import 'package:flutter_module/presentation/widgets/code_text_view.dart';
 import 'package:flutter_module/utils/extensions/text_extensions.dart';
@@ -19,49 +18,53 @@ class SnippetListTile extends HookWidget {
 
   @override
   Widget build(BuildContext context) {
+    // TODO Export surface
     return Card(
       color: ColorStyles.surfacePrimary(),
       shape: RoundedRectangleBorder(
         borderRadius: BorderRadius.circular(Dimens.m),
       ),
-      // TODO Fix full width
-      child: Expanded(
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.stretch,
-          children: [
-            Padding(
-              padding: const EdgeInsets.only(
-                top: Dimens.l,
-                left: Dimens.l,
-                right: Dimens.l,
-                bottom: Dimens.m
-              ),
-              child: TextStyles.title(snippet.title ?? ""),
-            ),
-            ColoredBox(
-              color: ColorStyles.codeBackground(),
-              child: Padding(
-                padding: const EdgeInsets.symmetric(
-                  vertical: Dimens.m,
-                  horizontal: Dimens.l,
+      child: InkWell(
+        borderRadius: BorderRadius.circular(Dimens.m),
+        onTap: () {},
+        child: Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Padding(
+                padding: const EdgeInsets.only(
+                  top: Dimens.l,
+                  left: Dimens.l,
+                  right: Dimens.l,
+                  bottom: Dimens.m
                 ),
-                child: Expanded(
-                  child: CodeTextView.preview(
-                    code: snippet.code?.raw ?? "",
-                    tokens: snippet.code?.tokens,
+                child: TextStyles.title(snippet.title ?? ""),
+              ),
+              Ink(
+                color: ColorStyles.codeBackground(),
+                child: Padding(
+                  padding: const EdgeInsets.symmetric(
+                    vertical: Dimens.m,
+                    horizontal: Dimens.l,
+                  ),
+                  child: Expanded(
+                    child: CodeTextView.preview(
+                      code: snippet.code?.raw ?? "",
+                      tokens: snippet.code?.tokens,
+                    ),
                   ),
                 ),
               ),
-            ),
-            const SizedBox(height: Dimens.m),
-            if (isExpanded) ...[
-              Padding(
-                padding: const EdgeInsets.symmetric(horizontal: Dimens.l),
-                child: SnippetDetailsBar(snippet: snippet),
-              ),
               const SizedBox(height: Dimens.m),
+              if (isExpanded) ...[
+                Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: Dimens.l),
+                  child: SnippetDetailsBar(snippet: snippet),
+                ),
+                const SizedBox(height: Dimens.m),
+              ],
             ],
-          ],
+          ),
         ),
       ),
     );

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,6 @@ class ColorStyles extends Color {`
`6`	`6`
`7`	`7`	`ColorStyles.pageBackground(): super(0xFFF5F5F5);`
`8`	`8`
`9`		`- ColorStyles.codeBackground(): super(0xFFF0F0F0);`
	`9`	`+ ColorStyles.codeBackground(): super(0xFFF8F8F8);`
`10`	`10`
`11`	`11`	`}`