Merge pull request #1763 from krille-chan/krille/fix-text-scaling-in-linkify

fix: Text scale factor in Linkify widgets

lib/pages/chat/chat_app_bar_list_tile.dart

@@ -37,6 +37,7 @@ class ChatAppBarListTile extends StatelessWidget {
                 padding: const EdgeInsets.symmetric(horizontal: 4.0),
                 child: Linkify(
                   text: title,
+                  textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
                   options: const LinkifyOptions(humanize: false),
                   maxLines: 1,
                   overflow: TextOverflow.ellipsis,

lib/pages/chat/events/audio_player.dart

@@ -397,6 +397,7 @@ class AudioPlayerState extends State<AudioPlayerWidget> {
             const SizedBox(height: 8),
             Linkify(
               text: fileDescription,
+              textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
               style: TextStyle(
                 color: widget.color,
                 fontSize: widget.fontSize,
@@ -420,6 +421,7 @@ class AudioPlayerState extends State<AudioPlayerWidget> {
 /// To use a MatrixFile as an AudioSource for the just_audio package
 class MatrixFileAudioSource extends StreamAudioSource {
   final MatrixFile file;
+
   MatrixFileAudioSource(this.file);
 
   @override

lib/pages/chat/events/image_bubble.dart

@@ -124,6 +124,7 @@ class ImageBubble extends StatelessWidget {
             width: width,
             child: Linkify(
               text: fileDescription,
+              textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
               style: TextStyle(
                 color: textColor,
                 fontSize: AppConfig.fontSizeFactor * AppConfig.messageFontSize,

lib/pages/chat/events/message_content.dart

@@ -281,6 +281,7 @@ class MessageContent extends StatelessWidget {
                 MatrixLocals(L10n.of(context)),
                 hideReply: true,
               ),
+              textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
               style: TextStyle(
                 color: textColor,
                 fontSize: bigEmotes ? fontSize * 5 : fontSize,

lib/pages/chat/events/message_download_content.dart

@@ -94,6 +94,7 @@ class MessageDownloadContent extends StatelessWidget {
         if (fileDescription != null)
           Linkify(
             text: fileDescription,
+            textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
             style: TextStyle(
               color: textColor,
               fontSize: AppConfig.fontSizeFactor * AppConfig.messageFontSize,

lib/pages/chat/events/video_player.dart

@@ -25,6 +25,7 @@ class EventVideoPlayer extends StatefulWidget {
   final Event event;
   final Color? textColor;
   final Color? linkColor;
+
   const EventVideoPlayer(
     this.event, {
     this.textColor,
@@ -190,6 +191,7 @@ class EventVideoPlayerState extends State<EventVideoPlayer> {
             width: width,
             child: Linkify(
               text: fileDescription,
+              textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
               style: TextStyle(
                 color: textColor,
                 fontSize: AppConfig.fontSizeFactor * AppConfig.messageFontSize,

lib/pages/chat_details/chat_details_view.dart

@@ -243,6 +243,8 @@ class ChatDetailsView extends StatelessWidget {
                             text: room.topic.isEmpty
                                 ? L10n.of(context).noChatDescriptionYet
                                 : room.topic,
+                            textScaleFactor:
+                                MediaQuery.textScalerOf(context).scale(1),
                             options: const LinkifyOptions(humanize: false),
                             linkStyle: const TextStyle(
                               color: Colors.blueAccent,

lib/pages/chat_search/chat_search_message_tab.dart

@@ -152,6 +152,7 @@ class _MessageSearchResultListTile extends StatelessWidget {
         ],
       ),
       subtitle: Linkify(
+        textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
         options: const LinkifyOptions(humanize: false),
         linkStyle: TextStyle(
           color: theme.colorScheme.primary,

lib/pages/homeserver_picker/homeserver_picker_view.dart

@@ -122,6 +122,8 @@ class HomeserverPickerView extends StatelessWidget {
                       padding: const EdgeInsets.symmetric(horizontal: 32.0),
                       child: SelectableLinkify(
                         text: L10n.of(context).appIntroduction,
+                        textScaleFactor:
+                            MediaQuery.textScalerOf(context).scale(1),
                         textAlign: TextAlign.center,
                         linkStyle: TextStyle(
                           color: theme.colorScheme.secondary,
@@ -169,6 +171,19 @@ class HomeserverPickerView extends StatelessWidget {
                                       content: Linkify(
                                         text: L10n.of(context)
                                             .homeserverDescription,
+                                        textScaleFactor:
+                                            MediaQuery.textScalerOf(context)
+                                                .scale(1),
+                                        options: const LinkifyOptions(
+                                          humanize: false,
+                                        ),
+                                        linkStyle: TextStyle(
+                                          color: theme.colorScheme.primary,
+                                          decorationColor:
+                                              theme.colorScheme.primary,
+                                        ),
+                                        onOpen: (link) =>
+                                            launchUrlString(link.url),
                                       ),
                                       actions: [
                                         AdaptiveDialogAction(

lib/pages/settings_homeserver/settings_homeserver_view.dart

@@ -169,6 +169,8 @@ class SettingsHomeserverView extends StatelessWidget {
                         title: const Text('Federation Base URL'),
                         subtitle: Linkify(
                           text: data.federationBaseUrl.toString(),
+                          textScaleFactor:
+                              MediaQuery.textScalerOf(context).scale(1),
                           options: const LinkifyOptions(humanize: false),
                           linkStyle: TextStyle(
                             color: theme.colorScheme.primary,
@@ -231,6 +233,8 @@ class SettingsHomeserverView extends StatelessWidget {
                         title: const Text('Base URL'),
                         subtitle: Linkify(
                           text: wellKnown.mHomeserver.baseUrl.toString(),
+                          textScaleFactor:
+                              MediaQuery.textScalerOf(context).scale(1),
                           options: const LinkifyOptions(humanize: false),
                           linkStyle: TextStyle(
                             color: theme.colorScheme.primary,
@@ -244,6 +248,8 @@ class SettingsHomeserverView extends StatelessWidget {
                           title: const Text('Identity Server:'),
                           subtitle: Linkify(
                             text: identityServer.baseUrl.toString(),
+                            textScaleFactor:
+                                MediaQuery.textScalerOf(context).scale(1),
                             options: const LinkifyOptions(humanize: false),
                             linkStyle: TextStyle(
                               color: theme.colorScheme.primary,

lib/widgets/adaptive_dialogs/public_room_dialog.dart

@@ -1,11 +1,12 @@
-import 'package:fluffychat/widgets/adaptive_dialogs/show_ok_cancel_alert_dialog.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+
 import 'package:flutter_gen/gen_l10n/l10n.dart';
 import 'package:flutter_linkify/flutter_linkify.dart';
 import 'package:go_router/go_router.dart';
 import 'package:matrix/matrix.dart';
 
+import 'package:fluffychat/widgets/adaptive_dialogs/show_ok_cancel_alert_dialog.dart';
 import '../../config/themes.dart';
 import '../../utils/url_launcher.dart';
 import '../avatar.dart';
@@ -188,6 +189,8 @@ class PublicRoomDialog extends StatelessWidget {
                   if (topic != null && topic.isNotEmpty)
                     SelectableLinkify(
                       text: topic,
+                      textScaleFactor:
+                          MediaQuery.textScalerOf(context).scale(1),
                       textAlign: TextAlign.center,
                       options: const LinkifyOptions(humanize: false),
                       linkStyle: TextStyle(

lib/widgets/adaptive_dialogs/show_ok_cancel_alert_dialog.dart

@@ -31,6 +31,7 @@ Future<OkCancelResult?> showOkCancelAlertDialog({
               ? null
               : SelectableLinkify(
                   text: message,
+                  textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
                   linkStyle: TextStyle(
                     color: Theme.of(context).colorScheme.primary,
                     decorationColor: Theme.of(context).colorScheme.primary,
@@ -81,6 +82,7 @@ Future<OkCancelResult?> showOkAlertDialog({
               ? null
               : SelectableLinkify(
                   text: message,
+                  textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
                   linkStyle: TextStyle(
                     color: Theme.of(context).colorScheme.primary,
                     decorationColor: Theme.of(context).colorScheme.primary,

lib/widgets/adaptive_dialogs/show_text_input_dialog.dart

@@ -49,6 +49,7 @@ Future<String?> showTextInputDialog({
                 if (message != null)
                   SelectableLinkify(
                     text: message,
+                    textScaleFactor: MediaQuery.textScalerOf(context).scale(1),
                     linkStyle: TextStyle(
                       color: Theme.of(context).colorScheme.primary,
                       decorationColor: Theme.of(context).colorScheme.primary,

lib/widgets/adaptive_dialogs/user_dialog.dart

@@ -144,6 +144,8 @@ class UserDialog extends StatelessWidget {
                   if (statusMsg != null)
                     SelectableLinkify(
                       text: statusMsg,
+                      textScaleFactor:
+                          MediaQuery.textScalerOf(context).scale(1),
                       textAlign: TextAlign.center,
                       options: const LinkifyOptions(humanize: false),
                       linkStyle: TextStyle(