nový vzhled fóra - ladění

[lzahradil]

Hele, tak to mi jde hlavně o funkčnost a ovladatelnost (jak na pc tak na mobilu). Jestli budou tlačítka hranatá nebo kulatá je mi fuk. Taky moc na ten design nejsem ... Na to mám doma jiné

Přesně. Dobrá ovladatelnost a tím pádem i funkčnost.
To zatím z reakcí zde i v SZ co mi chodí myslím plníme.

Ale jestli máš doma nějakého designéra, můžeš ho zapojit. Třeba nám řekne, že tohle a tohle je naprosto příšerné a že by to bylo lepší takhle.
Já na barvičky fakt nejsem. Ten přechod v tlačítku mi přišel dobrej tak néé nó

muzes si to zkusit a upravit css a pridat border-radius. Muzes i v chrome pres dev consoli.

.post-buttons .button, .format-buttons .button {
padding-left: 3px;
padding-right: 3px;
border-radius: 4px;
}

Já vím. Na mobilu ale konzoli nemám. Proto až odpoledne/večer


Tak pokud je tu tolik znalých, tak mi klidně hoďte upravené CSS jak by se líbilo a nebude problém ho aplikovat.

Já jsem včera zkoušel nasimulovat ten problém s pozadím, co se tu psalo o vytížení GPU. Nevím ale jak se projevuje, nebo co to dělá. Mě se pozadí vůbec nehýbe a zasekávání při scrolování se neprojevuje. Pozadí se přeci roztáhne na 100% displaye a dál se s ním nic neděje. Gradient jsem tam dával zajedno kvůli zatmavení hořejšku (to jde ale vyřešit i jinak) a zadruhé kvůli tomu aby nebylo bílé pozadí než se načte obrázek pozadí když se otevírá na nějakém velmi pomalém připojení. I takové místa stále jsou.

Jak si to vymazlíme, tak se na to budeme každý den koukat

[PetrDubi]

Jo, souhlasím že o funkčnost jde až v první řadě a proto jsem to psal jako první - mě osobně přijde, že to jede líp a plynuleji než ta stará šablona a stará hlavní strana, takže co se týká funkčnosti, tak tleskám a i vzhledově mi to přijde dobrý

Akorát mě holt zarazily ty tlačítka, že mi tam opticky nesedí, ale to je samozřejmě můj osobní názor a všem ostatním to je třeba jedno, takže si zvyknu. No a protože se vlákno jmenuje nový vzhled fóra - ladění, tak jsem napsal svůj názor i k tomu vzhledu - ale třeba jsem to jenom špatně pochopil Samozřejmě nečekám, že to admin bude předělávat hned, stačí když si to hodí někam do to-do listu a podívá se na to někdy v budoucnu, až bude mít hotový všechno ohledně funkčnosti a bude na to mít čas

Ps:
Tady je třeba jedna ukázka, jak by ty tlačítka mohly vypadat, ale třeba někdo navrhne něco lepšího nebo budou všichni chtít ty stávající
https://homeassistant-cz.cz/viewtopic.p ... 280#p12280

[glottis]

Jestli bude cas, neco muzu pak zkusit. Jestli to chce zkouset nekdo jiny, at to sem pak napise at to nedelame desetkrat.

On v ramci designu neni "problem" jen tohle ale treba tlacitka nad vlaknem, hledani, strankovani, dalsi inputy. Neco je kulate, neco hranete. Nahore treba to hledani a akce nad vlaknem. Dokonce i ruzna velikost prvku.

Celkove se mi to ale libi. Tohle jsou drobnosti.

[PetrDubi]

A když se bavíme o funkčnosti, tak jsem našel rozdílný způsob zobrazování obrázků na počítači (na telefonu jsem to zatím nezkoušel).
Otevřete si třeba tohle vlákno:
viewtopic.php?t=4271&p=219480#p219480
Ve starém vzhledu jsou ty obrázky pomalu 2x takový a když na obrázek kliknu, tak se mi otevře na celou obrazovku a můžu si ho zvětšit až do původní velikosti.
U nového vzhledu je v textu obrázek cca. poloviční a když nna něj kliknu, tak se otevře na celou obrazovku, ale zvětšit už nejde (a i chybí tlačítko lupy pro zvětšení).

[glottis]

Muzete zkusit tohle

Do stylu jsme psal jen to co jsme zmenil nebo pridal. Nejlepe to pridat za nejaky styl na konec nebo pridat dalsi soubor. A nebo do stranky primo. Rozhodne jsme ale nepodchytil vsechno.

Kód: Vybrat vše

a.button1, input.button1, input.button3, a.button2, input.button2 {
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    border-color: #AAAAAA !important;
}

textarea.inputbox {
    border-radius: 3px;
}

input {
    height: 22px;
    border-radius: 3px;
}

.inputbox {
    padding-left: 6px;
    padding-right: 6px;
}

a.postbutton {
    font-size: 11px !important;
    border-radius: 3px !important;
    -webkit-box-shadow: initial !important;
    -moz-box-shadow: initial !important;
    box-shadow: initial !important;
    border: solid 1px #AAAAAA !important;
}

.button {
    font-size: 11px;
    border-radius: 3px;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
    height: 28px;
}

.search-box .inputbox {
	height: 28px;
}

.search-box {
    margin-top: 0 !important;
    border-radius: 3px 0px 0px 3px;
}

.button-search-end {
    padding: 0px 5px;
}

.button.dropdown-trigger.dropdown-select {
	height: 22px;
	line-height: 21px;
	border: solid 1px #AAAAAA;
}

.button.button.button-search {
	height: 28px;
	border-radius: 0px;
}

a.button.button-search-end {
    line-height: 27px !important;
    height: 26px;
    border-radius: 0px 3px 3px 0px;
}

.post-reputation.neutral {
    height: 24px;
    line-height: 21px;
    border: solid 1px #AAAAAA;
}

.button.button-icon-only {
height: 22px !important;
line-height: 22px;
border: solid 1px #AAAAAA;
}

.action-bar .pagination .button {
    height: 22px;
}

[PetrDubi]

Osobně se mi tlačítka od Glottise líbí mnohem víc než ty současné.

[skybor]

I když je mi to fakt fuk, musím uznat že i mi se líbí víc Tak anketa? Nebo los?

[lzahradil]

Nemá smysl losovat nebo tvořit anketu.
Základní vzhled jsem udělal, otestoval s Cipisem a pak pár lidma. Poté co se ke mě dostalo, že to funkčně použitelné je, vytvořil jsem toto téma aby se zapojilo do testování více lidí.

Aktuálně má nový styl tak jak je nastaveno a používá 163 lidí. To je super.

Téma nese v názvu slovo "ladění", tzn ten základ co vznikl není finální řešení a pokud k tomu kdokoli co má a napadne ho vylepšení, sem s ním. Neberu to v žádném případě jako kritiku, tu naopak přijímám protože přispěje jako návrh k vylepšení.

To že je někde roh kulatý a někde ostrý.
Originál vzhled prosilver má rohy kulaté a funguje jako rodičovská šablona.
Tzn pokud ve své šabloně nepoužiju v CSS např textarea.inputbox, bude ho to hledat v prosilveru.

Stejně to funguje se stránkami šablony.
Pokud nebude existovat vlastní template stránka viewtopic, použije se z prosilveru.

Je to tak z důvodu, že někdo chce např jen jiné barvy (místo originál modré) a vše ostatní nechá. Pak by se doplnil jen css styl a do té originál se nesahá.
Nebo po aktualizaci phpBB vznikne nová funkce. A ten kdo by měl vlastní šablonu, a nebylo to tak, tak by případnej styl chyběl a rozházelo to stránku. Když bude v prosilveru který se aktualizuje také, bude to OK.

Glottis byl rychlejší. Stihl to dříve než jsem dorazil domů a vypadá to dobře. Takže vyzkouším a nasadíme kulaté.

[Mogul]

Bylo by možné přidat funkcionalitu, se kterou "odkliknu" jako přečtená ta témata, která mě nezajímají a nechci aby mě visela jako nepřečtená?
Tímto "uzamknutím" by se mě nové příspěvky ve vybraných tématech vůbec nezobrazovaly.

[lzahradil]

sice tu teď ladíme vzhled, ale ... zareaguju.
V novém stylu máš možnost úplně dole u každého fóra označit, zda ho chceš sledovat nebo ne.
Když to odškrtneš např u fóra "Ostatní" tak ti žádný příspěvek z fóra Ostatní nepřijde.

To samé jde udělat i pro konkrétní témata. Tam je výběr sledování umístěn v nástrojích. Klíč vedle tlačítka odpovědět.

[PetrDubi]

Teď jsem si všimnul, že na telefonu ten nový vzhled nezobrazuje u lidí jejich elektrárny, který mají zadaný (podpis se zobrazuje). Nevím jestli je to chyba nebo úmysl (třeba kvůli šetření místa)?

[lzahradil]

Je to kvůli šetření místa. Pod určitou šířku displaye se nezobrazí.
Není tam nic co by jsi musel vidět u každého příspěvku.
Když ho chceš zobrazit, stačí otočit telefon na šířku.

[PetrDubi]

Právě že když otočím telefon na šířku, tak se nic nezmění.
Pokud zaškrtnu stránky pro počítač, tak to zobrazuje na výšku i na ležato.

Ps: Nebo je můj displej 5,5" moc malý

[lzahradil]

Jaké ti ukazuje na tom telefonu rozlišení stránka https://www.mojerozliseni.cz ?

[glottis]

zalezi na rozliseni. Co to zkousim tak ten levy panel naskoci pri sirce display > 700px

[PetrDubi]

Telefon má rozlišení 1440x720, takže minimálně vodorovné by zo mělo fungovat, ale nefunguje..
No nic, pokud to funguje jinde, tak je to třeba chyba mého telefonu

[lzahradil]

A prohlížeč máš jakej?

Já to teď vyzkoušel i v jiném než Chrome.
Mám tu z těch předinstalovaných nějakej Mi browser. Tam to také funguje ok, ale přišel jsem na další věc. Nevím kolik prohlížečů to tak může mít, zda to řešit? Hlavně zda mi to dev konzole nechá vůbec nasimulovat pro lazení..
On defaultně používá tmavé zobrazení a nějak to celkově oseká. Ale je to ošklivé a blbě čitelné.

[PetrDubi]

Používám defaultně Chrom, momentálně verze 119.

[PetrDubi]

Teď jsem teda zkusil i ty zbývající vzhledy a dělají to všechny, ale skoro bych přísahal, že po převodu fóra to ukazovalo a zmizelo mi to až později.
No nic, kašli na to, až vyměním mobil, tak to treba už bude ukazovat jak má

[Migel]

U mna som si vsimol ze ked scrolujem nadol tak preblikuje ten tmavy vrchny riadok kde su oznamenia..
A ked otocim displej tak nazov temy je zluceny s tlacitkami..