Use bottom sheet for font control (#208)

Also:

* Re-organize padding constants

Author: daohoangson

lib/l10n/intl_en.arb

@@ -1,5 +1,6 @@
 {
-  "@@last_modified": "2023-08-13T17:16:55.316783",
+  "@@last_modified": "2023-08-13T21:27:18.604523",
+  "@@locale": "messages",
   "appTitle": "tinhte.vn Demo",
   "@appTitle": {
     "type": "text",
@@ -93,6 +94,18 @@
       "tag": {}
     }
   },
+  "fontControlTooltip": "Adjust font",
+  "@fontControlTooltip": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
+  },
+  "fontScaleAdjust": "Adjust font size",
+  "@fontScaleAdjust": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
+  },
   "forums": "Forums",
   "@forums": {
     "description": "Forum list appbar title",

lib/l10n/intl_messages.arb

@@ -1,5 +1,6 @@
 {
   "@@last_modified": "2021-09-03T00:46:44.814800",
+  "@@locale": "vi",
   "appTitle": "Tinh tế Demo",
   "@appTitle": {
     "type": "text",
@@ -73,6 +74,16 @@
       "tag": {}
     }
   },
+  "fontControlTooltip": "Điều chỉnh hiển thị",
+  "@fontControlTooltip": {
+    "type": "text",
+    "placeholders": {}
+  },
+  "fontScaleAdjust": "Điều chỉnh cỡ chữ",
+  "@fontScaleAdjust": {
+    "type": "text",
+    "placeholders": {}
+  },
   "forums": "Diễn đàn",
   "@forums": {
     "description": "Forum list appbar title",

lib/l10n/intl_vi.arb

@@ -64,6 +64,8 @@ class MessageLookup extends MessageLookupByLibrary {
     "followNotificationChannelExplainForX" : m3,
     "followNotificationChannels" : MessageLookupByLibrary.simpleMessage("Notification channels"),
     "followUnfollowXQuestion" : m4,
+    "fontControlTooltip" : MessageLookupByLibrary.simpleMessage("Adjust font"),
+    "fontScaleAdjust" : MessageLookupByLibrary.simpleMessage("Adjust font size"),
     "forums" : MessageLookupByLibrary.simpleMessage("Forums"),
     "home" : MessageLookupByLibrary.simpleMessage("Home"),
     "justAMomentEllipsis" : MessageLookupByLibrary.simpleMessage("Just a moment..."),

lib/l10n/messages_en.dart

@@ -64,6 +64,8 @@ class MessageLookup extends MessageLookupByLibrary {
     "followNotificationChannelExplainForX" : m3,
     "followNotificationChannels" : MessageLookupByLibrary.simpleMessage("Notification channels"),
     "followUnfollowXQuestion" : m4,
+    "fontControlTooltip" : MessageLookupByLibrary.simpleMessage("Adjust font"),
+    "fontScaleAdjust" : MessageLookupByLibrary.simpleMessage("Adjust font size"),
     "forums" : MessageLookupByLibrary.simpleMessage("Forums"),
     "home" : MessageLookupByLibrary.simpleMessage("Home"),
     "justAMomentEllipsis" : MessageLookupByLibrary.simpleMessage("Just a moment..."),

lib/l10n/messages_messages.dart

@@ -64,6 +64,8 @@ class MessageLookup extends MessageLookupByLibrary {
     "followNotificationChannelExplainForX" : m3,
     "followNotificationChannels" : MessageLookupByLibrary.simpleMessage("Kênh thông tin"),
     "followUnfollowXQuestion" : m4,
+    "fontControlTooltip" : MessageLookupByLibrary.simpleMessage("Điều chỉnh hiển thị"),
+    "fontScaleAdjust" : MessageLookupByLibrary.simpleMessage("Điều chỉnh cỡ chữ"),
     "forums" : MessageLookupByLibrary.simpleMessage("Diễn đàn"),
     "home" : MessageLookupByLibrary.simpleMessage("Trang chủ"),
     "justAMomentEllipsis" : MessageLookupByLibrary.simpleMessage("Chờ một xíu..."),

lib/l10n/messages_vi.dart

@@ -92,7 +92,6 @@ class MyApp extends StatelessWidget {
         GlobalWidgetsLocalizations.delegate,
       ],
       navigatorKey: push_notification.primaryNavKey,
-      navigatorObservers: [FontControlWidget.routeObserver],
       onGenerateTitle: (context) => l(context).appTitle,
       onGenerateInitialRoutes: (initialRoute) {
         if (initialRoute == '/') {

lib/main.dart

@@ -5,5 +5,10 @@ const kPrefKeyFontScale = 'fontScale';
 
 const kSecureStorageKeyPrefixToken = 'token-';
 
-const kPostBodyPadding = 10.0;
+const kPadding = 10.0;
+const kPaddingThreeQuarters = kPadding * .75;
+const kPaddingHalf = kPadding * .5;
+
+const kPostBodyPadding = kPadding;
+const kTagWidgetPadding = kPadding * .25;
 const kThreadThumbnailWidth = 200.0;

lib/src/constants.dart

@@ -63,6 +63,12 @@ class L10n {
   String followUnfollowXQuestion(String tag) => Intl.message('Unfollow $tag?',
       args: [tag], locale: localeName, name: 'followUnfollowXQuestion');
 
+  String get fontControlTooltip => Intl.message('Adjust font',
+      locale: localeName, name: 'fontControlTooltip');
+
+  String get fontScaleAdjust => Intl.message('Adjust font size',
+      locale: localeName, name: 'fontScaleAdjust');
+
   String get forums => Intl.message('Forums',
       desc: 'Forum list appbar title', locale: localeName, name: 'forums');
 

lib/src/intl.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:the_api/feature_page.dart';
+import 'package:the_app/src/constants.dart';
 import 'package:the_app/src/intl.dart';
 import 'package:the_app/src/widgets/tag/widget.dart';