yaso_meth/mih-project
2
4
Fork 2
Code Issues 8 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

remove padding from input fields

Browse Source
This commit is contained in:
yaso-meth
2024-07-30 11:02:12 +02:00
parent beba15afdb
commit 4b270ca00b
5 changed files with 239 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
Frontend/patient_manager/lib/components/myDateInput.dart
View File

@@ -90,61 +90,58 @@ class _MyDateFieldState extends State<MyDateField> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return TextField(
padding: const EdgeInsets.symmetric(horizontal: 25.0), style: TextStyle(
child: TextField( color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
style: TextStyle( controller: widget.controller,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), readOnly: true,
controller: widget.controller, obscureText: false,
readOnly: true, focusNode: _focus,
obscureText: false, onChanged: (_) => setState(() {
focusNode: _focus, startup = false;
onChanged: (_) => setState(() { }),
startup = false; decoration: InputDecoration(
}), errorText: _errorText,
decoration: InputDecoration( errorStyle: TextStyle(
errorText: _errorText, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
errorStyle: TextStyle( fontWeight: FontWeight.bold),
color: MzanziInnovationHub.of(context)!.theme.errorColor(), label: setRequiredText(),
fontWeight: FontWeight.bold), //labelText: widget.LableText,
label: setRequiredText(), //labelStyle: const TextStyle(color: Colors.blueAccent),
//labelText: widget.LableText, prefixIcon: Icon(
//labelStyle: const TextStyle(color: Colors.blueAccent), Icons.calendar_today,
prefixIcon: Icon( color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
Icons.calendar_today, ),
fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
filled: true,
//hintText: hintText,
//hintStyle: TextStyle(color: Colors.blueGrey[400]),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(), color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
), width: 2.0,
fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
filled: true,
//hintText: hintText,
//hintStyle: TextStyle(color: Colors.blueGrey[400]),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
width: 2.0,
),
),
focusedErrorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
errorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
), ),
), ),
onTap: () { focusedErrorBorder: OutlineInputBorder(
_selectDate(context); borderSide: BorderSide(
}, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
errorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
),
), ),
onTap: () {
_selectDate(context);
},
); );
} }
} }

95
Frontend/patient_manager/lib/components/myMLTextInput.dart
View File

@@ -85,57 +85,54 @@ class _MyMLTextFieldState extends State<MyMLTextField> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return TextField(
padding: const EdgeInsets.symmetric(horizontal: 25.0), style: TextStyle(
child: TextField( color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
style: TextStyle( textAlign: TextAlign.start,
textAlignVertical: TextAlignVertical.top,
expands: true,
maxLines: null,
controller: widget.controller,
readOnly: makeEditable(),
obscureText: false,
focusNode: _focus,
onChanged: (_) => setState(() {
startup = false;
}),
decoration: InputDecoration(
label: setRequiredText(),
errorText: _errorText,
errorStyle: TextStyle(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
fontWeight: FontWeight.bold),
labelStyle: TextStyle(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
textAlign: TextAlign.start, alignLabelWithHint: true,
textAlignVertical: TextAlignVertical.top, fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
expands: true, filled: true,
maxLines: null, //hintText: hintText,
controller: widget.controller, //hintStyle: TextStyle(color: Colors.blueGrey[400]),
readOnly: makeEditable(), enabledBorder: OutlineInputBorder(
obscureText: false, borderSide: BorderSide(
focusNode: _focus, color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
onChanged: (_) => setState(() { width: 2.0,
startup = false; ),
}), ),
decoration: InputDecoration( focusedErrorBorder: OutlineInputBorder(
label: setRequiredText(), borderSide: BorderSide(
errorText: _errorText, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
errorStyle: TextStyle( width: 2.0,
color: MzanziInnovationHub.of(context)!.theme.errorColor(), ),
fontWeight: FontWeight.bold), ),
labelStyle: TextStyle( errorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
alignLabelWithHint: true,
fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
filled: true,
//hintText: hintText,
//hintStyle: TextStyle(color: Colors.blueGrey[400]),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
width: 2.0,
),
),
focusedErrorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
errorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
),
), ),
), ),
); );

105
Frontend/patient_manager/lib/components/myPassInput.dart
View File

@@ -87,61 +87,58 @@ class _MyPassFieldState extends State<MyPassField> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return TextField(
padding: const EdgeInsets.symmetric(horizontal: 25.0), controller: widget.controller,
child: TextField( style: TextStyle(
controller: widget.controller, color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
style: TextStyle( obscureText: _obscured,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), focusNode: textFieldFocusNode,
obscureText: _obscured, onChanged: (_) => setState(() {
focusNode: textFieldFocusNode, startup = false;
onChanged: (_) => setState(() { }),
startup = false; decoration: InputDecoration(
}), fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
decoration: InputDecoration( filled: true,
fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(), label: setRequiredText(),
filled: true, //labelStyle: const TextStyle(color: Colors.blueAccent),
label: setRequiredText(), errorText: _errorText,
//labelStyle: const TextStyle(color: Colors.blueAccent), errorStyle: TextStyle(
errorText: _errorText, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
errorStyle: TextStyle( fontWeight: FontWeight.bold),
color: MzanziInnovationHub.of(context)!.theme.errorColor(), //hintText: widget.hintText,
fontWeight: FontWeight.bold), //hintStyle: TextStyle(color: Colors.blueGrey[400]),
//hintText: widget.hintText, enabledBorder: OutlineInputBorder(
//hintStyle: TextStyle(color: Colors.blueGrey[400]), borderSide: BorderSide(
enabledBorder: OutlineInputBorder( color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
borderSide: BorderSide( width: 2.0,
),
),
focusedErrorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
errorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
),
suffixIcon: Padding(
padding: const EdgeInsets.fromLTRB(0, 0, 4, 0),
child: GestureDetector(
onTap: _toggleObscured,
child: Icon(
_obscured
? Icons.visibility_rounded
: Icons.visibility_off_rounded,
size: 24,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(), color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
width: 2.0,
),
),
focusedErrorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
errorBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
width: 2.0,
),
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
),
suffixIcon: Padding(
padding: const EdgeInsets.fromLTRB(0, 0, 4, 0),
child: GestureDetector(
onTap: _toggleObscured,
child: Icon(
_obscured
? Icons.visibility_rounded
: Icons.visibility_off_rounded,
size: 24,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
),
), ),
), ),
), ),

99
Frontend/patient_manager/lib/components/mySearchInput.dart
View File

@@ -91,62 +91,59 @@ class _MySearchFieldState extends State<MySearchField> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return TextField(
padding: const EdgeInsets.symmetric(horizontal: 25.0), style: TextStyle(
child: TextField( color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
style: TextStyle( onChanged: widget.onChanged,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), controller: widget.controller,
onChanged: widget.onChanged, //style: TextStyle(color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
controller: widget.controller, readOnly: makeEditable(),
//style: TextStyle(color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), focusNode: _focus,
readOnly: makeEditable(), obscureText: false,
focusNode: _focus, decoration: InputDecoration(
obscureText: false, fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
decoration: InputDecoration( prefixIcon: IconButton(
fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(), icon: Icon(
prefixIcon: IconButton( Icons.search,
icon: Icon( color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
Icons.search,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
),
onPressed: () {
setState(() {
startup = false;
});
if (widget.controller.text != "") {
widget.onTap();
}
},
), ),
filled: true, onPressed: () {
label: setRequiredText(), setState(() {
errorText: _errorText, startup = false;
errorStyle: TextStyle( });
color: MzanziInnovationHub.of(context)!.theme.errorColor(), if (widget.controller.text != "") {
fontWeight: FontWeight.bold), widget.onTap();
enabledBorder: OutlineInputBorder( }
borderSide: BorderSide( },
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(), ),
width: 2.0, filled: true,
), label: setRequiredText(),
errorText: _errorText,
errorStyle: TextStyle(
color: MzanziInnovationHub.of(context)!.theme.errorColor(),
fontWeight: FontWeight.bold),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
width: 2.0,
), ),
focusedErrorBorder: OutlineInputBorder( ),
borderSide: BorderSide( focusedErrorBorder: OutlineInputBorder(
color: MzanziInnovationHub.of(context)!.theme.errorColor(), borderSide: BorderSide(
width: 2.0, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
), width: 2.0,
), ),
errorBorder: OutlineInputBorder( ),
borderSide: BorderSide( errorBorder: OutlineInputBorder(
color: MzanziInnovationHub.of(context)!.theme.errorColor(), borderSide: BorderSide(
width: 2.0, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
), width: 2.0,
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
), ),
), ),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
),
), ),
); );
} }

95
Frontend/patient_manager/lib/components/myTextInput.dart
View File

@@ -85,60 +85,57 @@ class _MyTextFieldState extends State<MyTextField> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return TextField(
padding: const EdgeInsets.symmetric(horizontal: 25.0), style: TextStyle(
child: TextField( color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
style: TextStyle( controller: widget.controller,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), focusNode: _focus,
controller: widget.controller, readOnly: makeEditable(),
focusNode: _focus, enabled: !makeEditable(),
readOnly: makeEditable(), obscureText: false,
enabled: !makeEditable(), onChanged: (_) => setState(() {
obscureText: false, startup = false;
onChanged: (_) => setState(() { }),
startup = false; decoration: InputDecoration(
}), label: setRequiredText(),
decoration: InputDecoration( //labelStyle: TextStyle(color: MzanziInnovationHub.of(context)!.theme.primaryColor()),
label: setRequiredText(), fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
//labelStyle: TextStyle(color: MzanziInnovationHub.of(context)!.theme.primaryColor()), filled: true,
fillColor: MzanziInnovationHub.of(context)!.theme.primaryColor(), errorText: _errorText,
filled: true, errorStyle: TextStyle(
errorText: _errorText, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
errorStyle: TextStyle( fontWeight: FontWeight.bold),
color: MzanziInnovationHub.of(context)!.theme.errorColor(), //errorBorder: const InputBorder(),
fontWeight: FontWeight.bold), //hintText: hintText,
//errorBorder: const InputBorder(), //hintStyle: TextStyle(color: Colors.blueGrey[400]),
//hintText: hintText, disabledBorder: OutlineInputBorder(
//hintStyle: TextStyle(color: Colors.blueGrey[400]), borderSide: BorderSide(
disabledBorder: OutlineInputBorder( color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
borderSide: BorderSide( width: 2.0,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
width: 2.0,
),
), ),
enabledBorder: OutlineInputBorder( ),
borderSide: BorderSide( enabledBorder: OutlineInputBorder(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(), borderSide: BorderSide(
width: 2.0, color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
), width: 2.0,
), ),
focusedErrorBorder: OutlineInputBorder( ),
borderSide: BorderSide( focusedErrorBorder: OutlineInputBorder(
color: MzanziInnovationHub.of(context)!.theme.errorColor(), borderSide: BorderSide(
width: 2.0, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
), width: 2.0,
), ),
errorBorder: OutlineInputBorder( ),
borderSide: BorderSide( errorBorder: OutlineInputBorder(
color: MzanziInnovationHub.of(context)!.theme.errorColor(), borderSide: BorderSide(
width: 2.0, color: MzanziInnovationHub.of(context)!.theme.errorColor(),
), width: 2.0,
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
), ),
), ),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
),
), ),
); );
} }