CSS sam po sebi neće premjestiti brojeve odgovora i pregleda ispod naslova, pa ćemo koristiti JavaScript za promjenu DOM strukture.
Ako već imaš prilagođenu ekstenziju, možeš dodati sljedeći kod u datoteku index.js. Ako ne, prvo kreiraj ekstenziju pomoću Flarum CLI.
U index.js ubaci ovaj kod:
javascript
Copy
Edit
import { extend } from 'flarum/common/extend';
import DiscussionListItem from 'flarum/forum/components/DiscussionListItem';
app.initializers.add('custom-discussion-layout', () => {
extend(DiscussionListItem.prototype, 'view', function (vnode) {
const info = vnode.children.find(child => child.attrs && child.attrs.className === 'DiscussionListItem-info');
const tags = vnode.children.find(child => child.attrs && child.attrs.className === 'DiscussionListItem-tags');
if (info && tags) {
// Premjesti oznake ispod informacija
info.children.push(tags);
}
});
});
Ovaj kod premješta oznake ispod informacije o temi (gdje su broj odgovora i pregleda).
