Mobiliems įrenginiams pritaikytas LV informacijos vaizdavimas

openmaplt / vector-map

Vektorinis Lietuvos OpenStreetMap žemėlapis

https://openmap.lt/

MIT License

10 stars 4 forks source link

Mobiliems įrenginiams pritaikytas LV informacijos vaizdavimas #114

Open tomass opened 6 years ago

tomass commented 6 years ago

Dabartinis LV vaizdavimas „popup“ dialoge nepatogus mobiliuose įrenginiuose. Tai ypatingai matosi, kai LV informacija užima daug ekrano vietos, pvz. kai yra didelė nuotrauka: didelis_lv_popup

Buvo aptartas variantas parinkus LV, mobiliame įrenginyje per pilną horizontalų plotį ekrano apačioje rodyti kelias eilutes svarbiausios informacijos ir duoti galimybę paspausti (ar tempimu „ištempti“ pilną LV aprašymą).

tomass commented 3 years ago

@ramunasd @paumas Ką galvojate apie LV info rodymą tokį, koks padarytas https://places.openmap.lt

Esant plačiam ekranui LV, info rodoma per visą aukštį kairėje
Esant siauram ekranui (mobilus), info rodoma per visą plotį apačioje (su galimybe info praplėsti iki pilno ekrano).

tomass commented 3 years ago

(turint omeny, kad planas yra pridėti LV vertinimą ir komentavimą, taigi turinio bus daugiau, vertikaliai turėtų pildytis)

paumas commented 3 years ago

Man tai tinka, bus panašiai kaip google map.

ramunasd commented 3 years ago

Stilistiškai reiktų nemenkai padirbėti prie to varianto, IMHO

tomass commented 3 years ago

Gerai, reiškia elgsenos prasme tinka(?). Gal turi konkretesnių minčių dėl stilistikos? Gal koks mockupas būtų? :-)

paumas commented 3 years ago

Man tai patinka kažkas tokio https://material.io/develop/web/components/drawers/ Tik nežinau kaip atrodys mūsų puslapyje, nes mes naudojam bootstrap, o čia material. Nebent bandyti kažką tokio panaudoti https://www.jqueryscript.net/lightbox/side-drawer-modal-bootstrap.html

tomass commented 3 years ago

Aš visada galvojau, kad mes ne tai kad bootstrapo, bet stiliaus prasme iš viso nieko nenaudojam :-)

Material mano galva kaip ir tiktų (esu perskaitęs jo styleguide - ir švaru/tvarkinga/aišku, ir nesudėtinga realizuoti). Konkrečiai mūsų aptariamiems elementams pridedam 3d (šešėlius) tiek plačiam, tiek mobiliam variante (nors mobiliam šešėlis nekrenta, nes į viršų, nebent labaaaai siauras).

Tada dar reikia kažkaip gražiai pasimbolizuoti galimybę praplėsti vertikaliai iki maksimumo aprašymą mobiliam variante (tai, kas places variante yra rodyklės aukštyn/žemyn juodam fone). Bet čia reikia jūsų nuomonės, nes mano galva jau užsifiksavusi, kad principialiai turi būti taip, kaip yra places - per visą plotį didinimo elementas su vizualia info, kad jį paspaudus bus maksimizuojama: paveikslas