use uri breadcrumb representation wherever possible
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
import 'package:collection/collection.dart';
|
||||
import 'package:fading_scroll/fading_scroll.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class UriBreadcrumb extends StatelessWidget {
|
||||
final Uri uri;
|
||||
final Widget? icon;
|
||||
final TextStyle? style;
|
||||
|
||||
const UriBreadcrumb({super.key, required this.uri, this.icon, this.style});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Tooltip(
|
||||
message: uri.toString(),
|
||||
child: DefaultTextStyle(
|
||||
style: style ?? DefaultTextStyle.of(context).style,
|
||||
child: FadingScroll(
|
||||
fadingSize: 15,
|
||||
builder: (context, controller) {
|
||||
return SingleChildScrollView(
|
||||
controller: controller,
|
||||
scrollDirection: Axis.horizontal,
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
?icon,
|
||||
Text(
|
||||
uri.authority,
|
||||
maxLines: 1,
|
||||
softWrap: false,
|
||||
overflow: TextOverflow.visible,
|
||||
style: const TextStyle(fontWeight: FontWeight.bold),
|
||||
),
|
||||
if (uri.pathSegments.any((s) => s.isNotEmpty))
|
||||
Text(
|
||||
' › ${uri.pathSegments.whereNot((s) => s.isEmpty).join(' › ')}',
|
||||
maxLines: 1,
|
||||
softWrap: false,
|
||||
overflow: TextOverflow.visible,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -25,6 +25,7 @@ import 'package:skeletonizer/skeletonizer.dart';
|
||||
import 'package:weblibre/features/geckoview/domain/entities/states/tab.dart';
|
||||
import 'package:weblibre/presentation/controllers/website_title.dart';
|
||||
import 'package:weblibre/presentation/widgets/failure_widget.dart';
|
||||
import 'package:weblibre/presentation/widgets/uri_breadcrumb.dart';
|
||||
|
||||
class WebsiteTitleTile extends HookConsumerWidget {
|
||||
final TabState initialTabState;
|
||||
@@ -58,7 +59,7 @@ class WebsiteTitleTile extends HookConsumerWidget {
|
||||
maxLines: 6,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
subtitle: Text(initialTabState.url.authority),
|
||||
subtitle: UriBreadcrumb(uri: initialTabState.url),
|
||||
);
|
||||
},
|
||||
error: (error, stackTrace) {
|
||||
@@ -77,7 +78,7 @@ class WebsiteTitleTile extends HookConsumerWidget {
|
||||
),
|
||||
contentPadding: EdgeInsets.zero,
|
||||
title: Text(initialTabState.title.whenNotEmpty ?? 'Untitled'),
|
||||
subtitle: Text(initialTabState.url.authority),
|
||||
subtitle: UriBreadcrumb(uri: initialTabState.url),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user