fix: introduce sticky inputs section

[krasnoff]

Description

I have defined the headers in the time map, single-line-map and single-vehicle-map headers to a css stiky headers

resolving issue: #1059

[github-actions]

Preview: https://s3.amazonaws.com/noam-gaash.co.il/15441411113/open-bus/679/index.html
Preview Storybook: https://s3.amazonaws.com/noam-gaash.co.il/15441411113/open-bus/679/storybook/index.html
Test Report (if available): 'https://s3.amazonaws.com/noam-gaash.co.il/15441411113/open-bus/301577232548ff4a879ef61ad8f5094a1daf512f/test-results/index.html'

[NoamGaash]

that's a good start, but I'd imagine it a little differently - when the user starts scrolling down, we can collapse the top navigation bar, hide the title and give more room to the actual map.
what do you think?

[NoamGaash]

can we use more meaningful class-names / selectors?
for example, .map-container .position-stiky-header

[NoamGaash]

why not using the same element?

Suggested change

	<div className="position-stiky-header">
	<Typography className="page-title" variant="h4">
	<Typography className="page-title position-sticky-header" variant="h4">

[krasnoff]

Here is the map page with all it's components
What do you want me to hide when scrolling the map?
Hiding the top navigation bar will be complicated because we will have to change the whole infrastructure.
Hiding the title and the form will be a lot easier.

[krasnoff]

Do you have tailwind installed in the app or not?
It can help me to solve some css problems in the app

[NoamGaash]

I'm not sure if I'll have the capacity, but feel free to bring that to the f2f meeting

[NoamGaash]

I think hiding the top navigation bar would make sense in all pages.
Hiding the title and making the form smaller (without hiding it completely) makes sense to me.

wdyt?

[krasnoff]

I would simply adjust the map height so it will fill the screen without covering the title, navigation bars, etc. There is an option for the map to be displayed as a full page if the user wishes.
I dislike inner scrolling personally. This annoys the user and makes the whole page difficult to use.
It will also a lot easier to implement.

How do you feel about this?

[NoamGaash]

I don't know - some users have short screens

[NoamGaash]

also, the fullscreen button is very buggy in most of the screens