Veřejná otevřená platforma Hlídače Státu

Nový profil osoby

#1

Tema presunuto z Projekty a nápady, se kterými potřebujeme pomoci

Ty jo!!! To se mi moc libí!!!

_ Hodne zajimavý je ten koncept “horizontálních” záložek, to je skvěle použitelné i v hledání a jinde…._

Dokazal bys mi to poslat i v HTML/CSS?

0 Likes
Projekty a nápady, se kterými potřebujeme pomoci
#2

Dík! Jsem rád, že se líbí.
Možná bych dokázal i nakódovat, ale bolelo by to. Hodně. :slight_smile:

1 Like
#3

Ja to zitra zkusim (alespon nejake fragmenty) a poslu ke zkouknuti

0 Likes
#4

Trochu me zdrzel velky pad serveru min tyden, ktery jsem resil az do utery , ale uz jsem na tom zacal delat. V tydnu ukazu

0 Likes
#5

Super, hořím nedočkavostí :fire_extinguisher: :slight_smile:

0 Likes
#6

@rene.kostka: tak jsem zacal implementovat ty UX prvky na vice mistech. Zatim postupne. overovani

Neni to komplet, delam to postupne, ale neco uz videt je:


(funguje na kazdou osobu, kdyz pridas parametr beta=1)

Jinak “vertikalni tabs” jsem nasadil na hledani a na profil firmy

a https://www.hlidacstatu.cz/subjekt/63217066

0 Likes
#7

Paráda :clap:, už to začíná vypadat k světu! S hnidopišstvím ještě počkám - až to bude komplet :slight_smile: .

0 Likes
#8

@rene.kostka Nemas nekde po ruce ty ruzne ikony, co jsi pouzil? (zalozky apod)? idealne SVG apod.

0 Likes
#9

Všechno je z https://fontawesome.com/icons. Jsou tam i SVG.
Klíčová slova: calendar-check, university, history, bell, sitemap, list-alt, info-circle, caret-down, search, code, camera

fontawesome-svg-download
fontawesome-svg-download.png803×431 13.7 KB

1 Like
#10

@rene.kostka
koukni na https://www.hlidacstatu.cz/osoba/stepan-becvar a komentuj. Neni tam vse (treba hlidace musim udelat obecne), ale uz jsem se priblizil…

uz je to venku i “bez bety”

0 Likes
#11

Tak už to sypu :slight_smile: :

  • větší vertikální padding (min. 20px) u tabů - já vím, že to pak celé zabere hodně místa a obzvlášť u tabů, kde je popisek na 4 řádky … ale musí to bejt :). Btw. nedalo by se ty popisky nějak zkrátit?
  • plocha pod posledním tabem by měla být šedá inset shadow … ať není matoucí, který tab je zvolený

image
image.png437×517 15.3 KB

  • oddělovač tabů má být 1px jemná linka (je tam dvojitá)
  • ve verticaltab-content to chce mnohem větší padding-top (aspoň 35px), ať text není tak hrozně nalepený na horní okraj
  • chybí stín pod fotkou osoby
  • ikonka před jménem osoby (h1) je podle mě zbytečná
  • tr:hover bych doporučoval jinou barvou, než šedou - při najetí na lichý řádek se hover efekt vlastně ztrácí.

Prozatím vše takto narychlo a ještě si dovolím obecnou radu: U takto informacemi nabitých webů je lepší dodržovat zásadu, že pokud informace nemusí být nutně ihned na očích, tak je lepší ji skrýt a ukázat až takzvaně “on demand”. To jsou ty “info ikonky”, pop-upy, modaly nebo třeba i tlačítko “Načíst další”, pokud je třeba extrémně dlouhá tabulka.

Jo a ještě máš (asi zapomenutý) špatný title tady:
image

1 Like
#12

Je ještě potřeba nějaká pomoc s kódováním? Jestli ano, tak rád přidám ruku k dílu.

0 Likes