Fix View Code Pane Overflow

This commit is contained in:
Ankit Mahato
2023-07-20 01:54:16 +05:30
parent bf49a56c0f
commit 2276fcfe1a
2 changed files with 49 additions and 38 deletions

View File

@ -10,3 +10,7 @@ bool showButtonLabelsInBodySuccess(int options, double maxWidth) {
return false; return false;
} }
} }
bool showButtonLabelsInViewCodePane(double maxWidth) {
return (maxWidth < 400) ? false : true;
}

View File

@ -135,48 +135,55 @@ class _ViewCodePaneState extends State<ViewCodePane> {
borderRadius: kBorderRadius8, borderRadius: kBorderRadius8,
); );
return Padding( return LayoutBuilder(
padding: kP10, builder: (BuildContext context, BoxConstraints constraints) {
child: Column( var showLabel = showButtonLabelsInViewCodePane(
children: [ constraints.maxWidth,
SizedBox( );
height: kHeaderHeight, return Padding(
child: Row( padding: kP10,
children: [ child: Column(
Expanded( children: [
child: Text( SizedBox(
"Code", height: kHeaderHeight,
style: Theme.of(context).textTheme.titleMedium, child: Row(
children: [
Expanded(
child: DropdownButtonCodegenLanguage(
codegenLanguage: widget.codegenLanguage,
onChanged: widget.onChangedCodegenLanguage,
),
),
CopyButton(
toCopy: widget.code,
showLabel: showLabel,
),
SaveInDownloadsButton(
content: stringToBytes(widget.code),
mimeType: "application/vnd.dart",
showLabel: showLabel,
)
],
),
),
kVSpacer10,
Expanded(
child: Container(
width: double.maxFinite,
padding: kP8,
decoration: textContainerdecoration,
child: CodeGenPreviewer(
code: widget.code,
theme: codeTheme,
language: 'dart',
textStyle: kCodeStyle,
), ),
), ),
DropdownButtonCodegenLanguage(
codegenLanguage: widget.codegenLanguage,
onChanged: widget.onChangedCodegenLanguage,
),
CopyButton(toCopy: widget.code),
SaveInDownloadsButton(
content: stringToBytes(widget.code),
mimeType: "application/vnd.dart",
)
],
),
),
kVSpacer10,
Expanded(
child: Container(
width: double.maxFinite,
padding: kP8,
decoration: textContainerdecoration,
child: CodeGenPreviewer(
code: widget.code,
theme: codeTheme,
language: 'dart',
textStyle: kCodeStyle,
), ),
), ],
), ),
], );
), },
); );
} }
} }