Mobiliems įrenginiams pritaikytas LV informacijos vaizdavimas

[tomass]

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

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]

@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]

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

[paumas]

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

[ramunasd]

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

[tomass]

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

[paumas]

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]

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: