vissza

0.9.0 (2018-05-29)

Megtörtént az oldal bootstrap 4-re való átírása, ami designbeli változásokat is maga után von, melyek a következők:

• Gombok:
  • A legnagyobb negyedik „touch” gomb már nem használatos
  • Három méret
    • Kicsi: gomb magassága: 28px, betű 0.875 rem, 14px, oldalt 10px padding
    • Közepes: gomb magassága: 36px, betű 1 rem, 16px, oldalt 14px padding
    • Nagy: gomb magassága: 44px, betű 1.25 rem, 20px, oldalt 18px padding
  • A nagy gombot csak ritkán, ténylegesen indokolt kiemelésként ajánljuk, pl. egész oldalas form mentésénél. Nagyméretű gombcsoport használata erősen kerülendő.
  • A betűk mérete ezután nem pixelben, hanem ún. rem-ben lesz megadva (root em). Míg az em az elemhez képest számított relatív mértékegység, addig a rem a root (gyökér) elemhez, azaz a html tag-hez képest számolt relatív méret. Ez annyit jelent számunkra, hogy meghatározhatunk egy alap fontméretet a html elemünknek, majd ebből kiindulva méretezhetjük az összes többi elemet. A következőkben 1rem = 16px.
• Gombcsoport ikonnal: ikonokok mérete minden gombméretnél 1rem
• Fejléc: elkészült a fejléc kattintható verziója
• A fejlécből – egységesen minden alkalmazásban – kikerül a keresés funkció
• Új ikonok kerültek fel a fontba
• Cimkék: új elem, bekapcsolható szűrő cimkék (cimke-multiselect.psd)
• Szövegmező (szovegmezo.psd):
  • Alsó warning szöveg előtti vonal: 0.125rem(2px) széles, 0.875rem (14px) magas, beviteli mezőtől 0.5 rem (8px) távol
  • Nagy beviteli mező szövegmérete 1.25 rem
  • Input with warning kis szöveg: Regular, színe #282828, mérete 0.875rem (14px)
• Select: design módosítás (select-01.psd, select-02.psd)
• Kiegészítő info: kék kérdőjel ikonos fontból jön (kiegeszito-informacio.psd)
• Dátumválasztó: naptár ikon mérete mindig 1 rem
• Felugró ablak / popup: bezáró x ikonos fontból jön
• Folyamat jelzés: vízszintes folyamatjelzőknél hiányzott a számokat tartalmazó körök közül a vízszintes vonal (folyamatjelzes-stepper.psd)

v0.8.3 (2018-05-04)

• új komponens: pozícióhoz ugrás (navigáció az oldal tetejére)
• új ikonok kerültek be az ikon fontba
• az oldalmenü bal oldalt is kapott egy záróvonalat
• másodlagos gombok színének véglegesítése
• input with warning szöveg szín: 282828 regular 16pt
• inaktív mező szövegszín: b6b6b6
• „új hozzáadása” résznél a plusz ikon háttere kerek legyen (ico-plus-ellipse.svg)
• select komponens kiegészítése: új verzió, amiben az első sor szabadszöveges kereső
• új komponens a select-hez: többszörös választási lehetőség, kitörölhető cimkék formájában
• fájlfeltöltés: ezt látja a user, ha megszakad a feltöltés
• popup demo igazítása
• táblázatok: hover állapot kék, új látványok kerültek fel
• oldalfelépítés: javaslatok a 12 oszlopos grid használatára, pontos útmutató a 16px-es oszlopmargókhoz
• új látványok kerültek fel a mintaoldalakhoz
• folyamatjelzés számok fontja keskenyedett (regular)

v0.8.2 (2018-04-17)

• Letölthető UI elemek alatti .psd frissült
• Tipográfia: folyószöveg mérete és linkek színe
• Oldalmenü: almenüpontot jelző nyíl bekerült
• Oldalsáv: oldalsáv elrejtése részhez új látvány került föl
• Tab panel: kikerült a jobbra rendezett tab, csak balra igazított és vízszintesen rendezett tab panelt ajánlunk használatra
• A szöveges részek már a design oldalon sem használják ki az oldal egész szélességét, ez mindenhol kerülendő
• Gombok:
  • Gombok egymáshoz viszonyított horizontális távolsága 8px
  • Border színek megegyeznek a kitöltések színeivel
  • Gomb méretek egységesek: kicsi 28px, közepes 36px, nagy 44px, touch 52px
  • Példa gombsorrendek kerültek föl: mentés - mégsem, vissza - mentés - mégsem
• Gombcsoportok: nincs csupa kék gombcsoport, illetve olyan sem, amikor kiemelt gomb egy gombcsoportban jelenik meg másodlagos gombokkal. a kiemelt gomb és a másodlagos (szürke) gombcsoport horizontális távolsága is 8px
• Táblázat egyedi lapozója bekerült
• Szövegmező: input with success beviteli mező kikerült, a sor eleji @ jel nem használatos
• Kiegészítő info: a beviteli mezőből a kérdőjel (?) ikon a cím mellé került
• A dátumválasztó input field-je olyan keskenyebb lett, szélessége így megegyezik a lenyíló naptár modul szélességével
• táblázat:
  • Műveleti ikonok hover állapota működő
  • Stb (függőleges … ) ikon bekerült a műveleti ikonokhoz utolsóként
  • Táblázat kétsoros, tömör verziója felkerült jó és kerülendő használati állapotokat mutató látvánnyal együtt.
  • Tömör táblázat fejléce 35 px magas
• Fa struktúra megtervezésre és bevezetésre került (következő verzióban kiegészül checkbox és radio gomb funkciókkal)
• Fejléc:
  • A régebbi fejléc látványokat frissre cseréltük
  • Kiegészült a desktop nézet a bal fölső hamburger ikonnal, melyből a többi alkalmazás elérhető
  • Látvány készült a menüpont hover állapotára
  • Bekerült a jobb fölső szerepkörválasztó
  • A fejlécek rész alatti letölthető .ai és .psd file az aktuális designt tartalmazza
• Egyéb az http://e-epitesdesign.lechnerkozpont.hu/ oldallal kapcsolatos igazítások:
  • Margó méret változás, fejezetek közti tér növelése