cesko-digital / mistoveskole Goto Github PK

Currently, the side panel takes more place than map. Not an ideal solution (my bad), but mobile version would be better.

Don't know when this happened and it's completely minor:) but the tabs on mobile version stopped being bold, hence are less visible.

Per discussion with Jan, make a description per age and put it in localisation files.

Since we now have information for parents; per some of the original design proposals: https://www.figma.com/file/u0Ccgxs0lEE7ioGUnlQM3C/Mv%C5%A0-screens?node-id=191%3A768

How to replicate behaviour (in mobile version):

1. fill in month and year
2. hit "Show available schools" CTA button
3. the app switches to map view
4. return back to Search section
5. don't change month and year and tap the button again - gets stuck on tapped state

---> should display the map again

Proposal:
https://www.figma.com/file/u0Ccgxs0lEE7ioGUnlQM3C/Mv%C5%A0-screens?node-id=1%3A29

List of changes from Klára:

Mobil

• na mobilu změnit box/form Najít vhodnou školu (.sidebar>.box) z padding: 32px; na padding: 48px 24px
  • obecně na desktopu je levé a pravé účaří celého sidebaru sidebaru je 32px, ale na mobilu celé stránky 24px (na mobilu je tam teď ten padding, co je na desktopu)
• opravovala jsem já:
  • na buttonech bez ikony prosím změnit padding na 16,24 a na buttony s ikonou na 16,16,16,24 resp. 16,24,16,16 – je opraveno ve Figmě DS (jde o to, abychom odstranili aspoň na většině deviců to zalomení textu v buttonu)
• taby
  • zvětšit padding-bottom na těch tabech – dle Figmy, kde jsem upravila
  • typografie na tabech

1. with the latest release/deployment titles lost their styling (should be weight: 700 and are 400 as of writing this issue) – see design and styleguide
2. the offset between menu tabs and their underline is smaller than in design (or styleguide) – could be fixed by setting text-underline-offset of active links to 8px (currently is 3px)
3. search input field isn't from the styleguide/UI kit – appears inconsistent

My bad for not having reflected this in designs.

On mobile, the tooltip should be displayed on tap as a non-full screen modal with close button.

Create from
https://cesko-digital.slack.com/archives/C035ZPG6U6L/p1656708985280719?thread_ts=1656708198.527929&cid=C035ZPG6U6L

• do přidat měřící skript <script defer data-domain="[mistoveskole.cz](http://mistoveskole.cz/)" src="https://plausible.io/js/plausible.js"></script>

• zkusit první verzi textů do stránky "o školách v ČR", viz https://docs.google.com/document/d/1TMDhUhT69HqHLXcuQ4h8YNJnmMONCDRq-Uocdy-DZZ4/edit#heading=h.dy93qy7t5773 (odkazy cs a uk se liší, protože jiné stránky asi nejsou)

• zkusit první verzi "o nás", viz https://docs.google.com/document/d/1TMDhUhT69HqHLXcuQ4h8YNJnmMONCDRq-Uocdy-DZZ4/edit#heading=h.ub3en995hn6s

• v umapě přidali možnost zobrazit detail města-kraje přes url, ve výsledku z api našeptávače jsou bloky pois a places , první jsou školy, druhé právě města apod, link by měl jít zavolat jako embed mapa (viz třeba https://www.umapa.eu/places/10392@ChIJu6MSq5TqEkcRUZd09tFqOg4)

• připomínám se s výškou mapy , viz https://cesko-digital.slack.com/archives/C035ZPG6U6L/p1655839725155729, aneb při načtení stránky na PC by ovládání vpravo dole mělo být vidět, teď je za scroll barem a málokdo jej najde

Assigning to myself, will explore design options

Autocomplete menu/items should flow over the sidebar, it shouldn't push the rest of the sidebar downwards.

Assigning to myself, will provide design proposals