Skip to content
Snippets Groups Projects
Commit b9ff0622 authored by Sara Savanovic Djordjevic's avatar Sara Savanovic Djordjevic
Browse files

update: text in info widget & add scroll gradient

parent c2163e40
Branches
No related tags found
1 merge request!20Clhp map, fix unit tests
...@@ -60,7 +60,9 @@ class InfoLayerState extends State<InfoLayer> { ...@@ -60,7 +60,9 @@ class InfoLayerState extends State<InfoLayer> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return SingleChildScrollView( return Stack(
children: [
SingleChildScrollView(
child: Container( child: Container(
padding: const EdgeInsets.all(45), padding: const EdgeInsets.all(45),
color: Colors.black.withOpacity(0.8), color: Colors.black.withOpacity(0.8),
...@@ -71,7 +73,7 @@ class InfoLayerState extends State<InfoLayer> { ...@@ -71,7 +73,7 @@ class InfoLayerState extends State<InfoLayer> {
'Color categorization', 'Color categorization',
style: subHeadingStyle, style: subHeadingStyle,
), ),
const SizedBox(height: 20), const SizedBox(height: 10),
Text( Text(
'Each category shows the likelihood of the ice breaking ' 'Each category shows the likelihood of the ice breaking '
'under the weight of a single person.', 'under the weight of a single person.',
...@@ -86,20 +88,46 @@ class InfoLayerState extends State<InfoLayer> { ...@@ -86,20 +88,46 @@ class InfoLayerState extends State<InfoLayer> {
style: subHeadingStyle, style: subHeadingStyle,
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 20), const SizedBox(height: 10),
Text( Text(
'The higher the accuracy, the more likely it is that the displayed ice thickness' 'The higher the accuracy, the more likely it is that the displayed ice thickness'
'is correct. The accuracy depends on' 'is correct. The accuracy depends on'
'which data sources are used to calculate the thickness.\n\n ' 'which data sources are used to calculate the thickness. ',
'- 1/4: only API data. \n'
'- 2/4: only sensor data.'
'- 3/4: both API and sensor data. \n'
'- 4/4: both API and sensor data, with a discrepancy of <1.0cm',
style: regTextStyle, style: regTextStyle,
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 20),
Text('• 1/4: only API data. \n'
'• 2/4: only sensor data.\n'
'• 3/4: both API and sensor data. \n'
'• 4/4: both API and sensor data, with a discrepancy of <1.0cm',
style: regTextStyle,
),
],
),
),
),
Positioned( // Gradient at the bottom of the box
bottom: 0,
left: 0,
right: 0,
child: IgnorePointer(
child: Container(
height: 50,
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Colors.black.withOpacity(0.0),
Colors.black.withOpacity(0.8),
],
),
),
),
),
),
], ],
), ),
); );
} }
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment