chore: add max height constraint for board text cell

This commit is contained in:
appflowy 2022-08-25 14:38:13 +08:00
parent 96429e29c5
commit d0f476dc72
2 changed files with 23 additions and 35 deletions

View File

@ -40,11 +40,12 @@ class _BoardTextCellState extends State<BoardTextCell> {
return Align(
alignment: Alignment.centerLeft,
child: Padding(
padding:
EdgeInsets.symmetric(vertical: BoardSizes.cardCellVPadding),
child: FlowyText.medium(
state.content,
fontSize: 14,
padding: EdgeInsets.symmetric(
vertical: BoardSizes.cardCellVPadding,
),
child: ConstrainedBox(
constraints: const BoxConstraints(maxHeight: 120),
child: FlowyText.medium(state.content, fontSize: 14),
),
),
);

View File

@ -4,15 +4,16 @@ import 'package:provider/provider.dart';
class FlowyText extends StatelessWidget {
final String title;
final TextOverflow overflow;
final TextOverflow? overflow;
final double fontSize;
final FontWeight fontWeight;
final TextAlign? textAlign;
final Color? color;
const FlowyText(
this.title, {
Key? key,
this.overflow = TextOverflow.ellipsis,
this.overflow = TextOverflow.clip,
this.fontSize = 16,
this.fontWeight = FontWeight.w400,
this.textAlign,
@ -20,47 +21,33 @@ class FlowyText extends StatelessWidget {
}) : super(key: key);
const FlowyText.semibold(this.title,
{Key? key,
this.fontSize = 16,
TextOverflow? overflow,
this.color,
this.textAlign})
{Key? key, this.fontSize = 16, this.overflow, this.color, this.textAlign})
: fontWeight = FontWeight.w600,
overflow = overflow ?? TextOverflow.ellipsis,
super(key: key);
const FlowyText.medium(this.title,
{Key? key,
this.fontSize = 16,
TextOverflow? overflow,
this.color,
this.textAlign})
{Key? key, this.fontSize = 16, this.overflow, this.color, this.textAlign})
: fontWeight = FontWeight.w500,
overflow = overflow ?? TextOverflow.ellipsis,
super(key: key);
const FlowyText.regular(this.title,
{Key? key,
this.fontSize = 16,
TextOverflow? overflow,
this.color,
this.textAlign})
{Key? key, this.fontSize = 16, this.overflow, this.color, this.textAlign})
: fontWeight = FontWeight.w400,
overflow = overflow ?? TextOverflow.ellipsis,
super(key: key);
@override
Widget build(BuildContext context) {
final theme = context.watch<AppTheme>();
return Text(title,
softWrap: false,
textAlign: textAlign,
overflow: overflow,
style: TextStyle(
color: color ?? theme.textColor,
fontWeight: fontWeight,
fontSize: fontSize,
fontFamily: 'Mulish',
));
return Text(
title,
textAlign: textAlign,
overflow: overflow ?? TextOverflow.clip,
style: TextStyle(
color: color ?? theme.textColor,
fontWeight: fontWeight,
fontSize: fontSize,
fontFamily: 'Mulish',
),
);
}
}