Contributors to this thread:

I am actually really happy about how my mobile-tweaks for #ktistec turned out. There was a lot of #CSS hacking involved, but I am pretty happy with the results :)

Here's a little video of how it looks:

Bildschirmaufzeichnung vom 2024-08-08, 18-28-20.webm 187.76 KB

Since many clients & browser appear to not support webm videos properly, here's a gif:

Video description: A collapsed navigation bar of the ktistec ActivityPub server frontend on a mobile webbrowser. The collapsed menu label has a small counter label on the right side, indicating a notification. Upon hovering the label (or tapping it on a touch screen) the menu unrolls and the counter label jumps to the "Notifications" menu entry.

@jayvii i'd love to find a way to get some of these changes into the main server!

@toddsundsted absolutely! For now these are bruteforce CSS overrides. I think the CSS rules could be a little cleaner, but other than that, implementations should be rather easy.

Particularly the mobile changes are really nifty (IMO anyways). But they could be a lot better if they were implemented directly in ktistec and not just via CSS (the dropdown menu and the notification is a nasty hack!)

I suppose the CSS rules should be in .less then?

Regarding the theme coloring: I defined it strictly via 4-6 css colour variables. So we might even be able to let users set their preferred colours via the settings page too :)

@jayvii

the mobile changes are the first ones i'd like to add. i've never been happy with the minimal styling i put together for mobile, originally.

i'd also like to see how you implemented your themes. this is supposed to be possible via changes to semantic-ui but the necessary toolchain is cumbersome, especially to override some colors...

i see you opened up an issue. i will follow-up further over there.