Poboljšani izgled i korisničko iskustvo Bug Foruma

tjodalv 

Sve radi OK, samo jednu stvar ne radi kao bez ekstenzije -"Skok na nepočitano" te baca na ono što si u prethodnoj sesiji prvo čitao, ne na prvo iza zadnjeg što si čitao u toj sesiji...

tjodalv 

Bok, samo pitanje:

zašto ti skripta ne radi na formi/stranici za upis poruke ?

kad ju pošalješ, baci te na kraj teme i sve je kako treba biti...

evo slike baš ove poruke:

Pozdrav ekipa!

Evo da vam se javim nakon gotovo godinu dana. Napokon sam uspio pronaći nekoliko sati i dovršiti temu do kraja, tako da su sada sve stranice foruma obuhvaćene novim dizajnom i modal prozori.

BlueBug tema doživjela je prilično veliku transformaciju. Kod je praktički napisan ispočetka, uz pomoć AI-ja, a rezultat je, barem po mom mišljenju, stvarno impresivan. 🙂

Osim kompletnog redizajna, nova verzija donosi i 7 različitih "okusa" teme, tako da svatko može odabrati onu koja mu najviše odgovara. ATJLučko želja ti se ostvarila 😉

1. Bug– plava

2. Priroda– zelena

3. Ujesen– narančasta

4. Divlja ruža– crvena

5. Ponoć– crna/siva

6. Lotos– ružičasta

7. More– tirkizna
   
   

Također, svi bugovi prijavljeni u prethodnim verzijama trebali bi biti ispravljeni.

U prilogu sam stavio i nekoliko screenshotova kako biste mogli vidjeti kako tema izgleda u praksi.

Ažuriranje teme za postojeće korisnike

1. Obrišite staru verziju teme iz TamperMonkeya.

2. Slijedite upute za instalaciju navedene u nastavku.

Instalacija teme za nove korisnike

1. Instalirajte Tampermonkey ekstenziju za svoj preglednik, ako je već nemate.

2. Otvorite Tampermonkey Dashboard.

3. U gornjem desnom kutu odaberite Utilities.

4. U polje Import from URL zalijepite sljedeću adresu: https://gist.githubusercontent.com/tjodalv/f733c19ad61b80364fc4f24e6758e9bf/raw/bluebug-forum-theme.js

Važno: Ovo je trajna adresa teme i nećete je morati mijenjati prilikom budućih nadogradnji. Kada objavim novu verziju, dovoljno je u TamperMonkeyu odabrati opciju Check for userscript updates i tema će se ažurirati bez potrebe za ponovnim unosom URL-a.

Nadam se da će vam se novi izgled svidjeti. Slobodno javite dojmove, prijedloge i eventualne bugove!

Uživajte u novoj BlueBug temi! 🙂

Ej hexfire,

Hvala na komentaru! Slažem se, ovo prebacivanje iz starog dizajna u novi na učitavanju bilo je prilično iritantno pa sam to odmah ispravio. Sada se CSS učitava prije nego što se elementi stranice prikažu, tako da više nema neugodnog prijelaza iz starog u novi dizajn.

Još jedna stvar koju sam doradio ovom nadogradnjom jest stranica za pisanje poruka, posebno kod odgovaranja na duže postove. Dosad ste morali neprestano skrolati gore-dolje kako biste mogli istovremeno pratiti post na koji odgovarate i pisati svoj odgovor. Također elementi forme za odgovor su poboljšani dizajnerski, pa sad sve urednije izgleda.

Sada se poruka na koju odgovarate prikazuje ispod polja za unos odgovora, uz ograničenu visinu od 280 px. Tako možete bez nepotrebnog skrolanja glavnog prozora pratiti kontekst razgovora i istovremeno pisati svoj odgovor. Mene je iskreno to baš jako smetalo kad je poruka na koju odgovaram jako dugačka.

Napravite update ili obrišite temu pa je ponovno dodate/instalirajte.

Odlican posao, kolega!

Mali bug u izgledu na slici (input polja za prijavu).

Kako se jako slabo ulogiravam, a jos manje komentiram (ali redovito citam), odma mi je to upalo u oko.

Nadalje, ne znam kako je vecini ali mene je uvik smetalo kad citam na ovakvim vrstama foruma sta sadrzaj ide u max sirinu ekrana (nije u boxu).
I ima jos jedna stvar, kada je tema sa npr. samo jednim postom (kratka), desni stupac di su i aktivne teme je odrezan (skriven) sta mi nikad nije bilo jasno zasto je tako od pocetka.

A da ne ostanem samo na tome da prijavljujem sitnice, evo i konkretnog prijedloga za postic navedeno, bez aija :)

Input polja za login:

.forum .f_rightmenu .rightmenu .loginbox .content .row .box input {
  background: #fff;
  border-radius: 5px;
  padding: 5px;
  width: calc(100% - 12px);
  height: auto;
  font-size: 14px;
}

Boxed view foruma:

.forum {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 1440px;
  margin: 0 auto;
}

Scroll za desni stupac:

.forum .f_rightmenu #f_content .rightmenu {
  width: 250px;
  overflow: scroll;
  height: calc(100% - 10px);
}

A mozda ne bi bilo lose ovakve stvari (sirina foruma: full width | boxed i slicne stvari) dodati kao opcionalne (kao sta je sad ubacen select za odabir teme), pa da to bude neki mali theme customizer.

ne koristim ovo (još), ali respect za trud