CSS pribeh nekonci

[maaario]

https://www.ksp.sk/ls/posledneinfo/ - prvý nadpis shiftnutý doprava https://www.ksp.sk/ls/ - pod tlačítkom "predbežné prihlasovanie" ... to margin-top: -60px; padding-top: 65px; asi nebolo práve najlepšie riešenie

[black3r]

Hm.. tie marginy a paddingy su dobre riesenie keby mame standardizovanu strukturu contentu a wiki clanky sa pisu markdownom alebo slusnym html-kom, co u nas zjavne nie vzdy plati a potom kvoli tomu vznikaju taketo "bugy"...

(1. necakal som, ze niekto bude zacinat wiki stranku h3-kou, fixnem css-kom.., 2. v tom wiki clanku je custom html a v nom su nie velmi najstastnejsim sposobom pouzite class-y "row" a "col-lg-12", ktorych jedinym vizualnym efektom je to, ze rozbijaju ten nadpis pod nim..)

[maaario]

Hm, no podľa mňa by mal byť validný markdown nech používaš ľubovoľne veľké nadpisy.

Custom HTML som fixol použitím len <div class="text-center"> </div>

[mhozza]

Ved ten wiki template vieme zmenit, ci?

[dodo42]

Trošku z inej oblasti CSS. Vo vzorákoch sa nezobrazujú dobre tabuľky, napr.: https://fks.sk/ulohy/riesenia/1304/ Chýbajú čiary a zišlo by sa aj nejaká vzdialenosť textu od čiar.

[maaario]

Toto je na samostatnu issue a mozno to bude treba riesit s DGSom, kedze FKSaci pouzivaju ten

[dodo42]

Tabuľky presunuté do #1102

[kubik369]

Toto podľa mňa nie je bug, navrhujem uzavrieť túto kapitolu príbehu a closenuť tento issue.

Valídny dokument by mal mať headings postupne od 1. a vyššie, bez preskakovania.

Prvý heading obsahuje najdôležitejší nadpis, n+1-vý heading obsahuje nadpis, ktorý je menej dôležitý, ako n-tý. Vo valídnom HTML/Markdown/whatever dokumente sa nemá stať, že je <h1> nasledované <h3>. Nedáva to sémantický zmysel, čo je preskočený heading? Je taký nedôležitý, že sme ho tam ani nedali? Ale n + 1 je ešte menej dôležitý, keď nevidím n-tý, prečo vidím n + 1-vý?

"But Kubik!" I hear you cry "Čo ak nechcem mať také ohavne veľké headingy?". To treba robiť v CSS, dokument definuje štruktúru dát, nie to, ako sa zobrazujú.

[maaario]

Podľa mňa to je bug, lebo sa to zjavne dá nejak spraviť tak aby to fungovalo -> keď si klikneš, že "upraviť článok" a dáš si zobraziť náhľad, tak sa to zobrazuje správne.

[kubik369]

Zobrazuje sa to správne, aj keď tam dáš <h2>, presne tak, ako by si mal. Inak sa to správa nekonzistentne, tak ako hovoríš.

Podľa mňa nechceme hackovať dokopy nedefinované správania nevalídneho dokumentu, keď ho proste môžeme napísať valídne. Ak silou mocou to musí byť inej veľkosti v tom konkrétnom článku, môže sa tam dať inline CSS. Ak to je zlej veľkosti všeobecne, tak upraviť v CSS.

// EDIT Takisto sa to zobrazuje správne, ak tam dáš prázdny <h2> tag pred <h3>.

[maaario]

No, mňa by zaujímalo, prečo to pri náhľade článku funguje dobre aj s <h3>.

[kubik369]

Podľa mňa to k defínicií "undefined behaviour" celkom sedí ;)

[black3r]

Podľa mňa by sme tie veci mohli chcieť podporovať ale hackovat to do toho nie je úplne najľahšie a mohlo by sa táto časť css napísať od znova s tým že by sa od začiatku myslelo na tie marginy a linky..

Napr. Margin prvého nadpisu by mohol byt definovany ako padding stranky zvrchu apod.

[peter-ralbovsky]

Btw. Toto je rovnaka issue? https://fx.fks.sk/jarna_skola_fx/js2018/: vs.

@matejbadin

[peter-ralbovsky]

(miznuci napis pri roznych sirkach okna)

[kubik369]

@peto159 Potenciálne, ale neviem to zreplikovať, napíš že ako na to

[peter-ralbovsky]

Ahoj, zreplikovať to viem iba vo firefox-58.0.2-1 . V chromium to funguje normálne. Keď mám okno úzke, tak mi všetky nadpisy zobrazuje normálne. Keď ho rozšírim na full screen tak mi nadpis organizátory a prednášajúci zmizne a nadpis prečo prísť na letnú školu sa zarovná doprava. Ešte neviem úplne prečo to funguje inak na rôznych prehliadačoch ale táto drobná úprava vyzerá, že to celé fixne:

===>