Custom CSS updates | dR Bulletin Board
Custom CSS updates | dR Bulletin Board
Whenever you visit #dRBB, you will see slight changes in the #Kbin header. I moved instance's home link to the right to prevent any accidental exits. And there is now a solid icon just in case.
If you have any suggestions, feel free to leave a reply.
12 replies
@vintprox #Mbin * ;)
@vintprox Kinda crazy that you can move the home link to other places as well. But I might still think it's a good idea to keep it on the left for users, so they can easily find the homepage again.. lol.
@melroy The "tiny" cue was that it's a very long text for a homepage link, so long that it grabbed too much attention to itself. Now that it's just "mbin" I will move it to its original position.
@vintprox Yea I understand. In the past I already tried to reduce the font-size of this text (on mobile), so it also fits better on a mobile view. Especially with longer text. But as you said, I just renamed it to a short "Mbin".
@vintprox Or what about enabling the logo now? Let's see..
@melroy LGTM! But it jumps on each page reload, like any other image on Kbin. 🤔 Seems like a cache issue, worth another ticket.
In this case, image width can be fixed to avoid hiccups - but if it's meant to change again, it's not a real solution.
@vintprox That is because the image doesn't have a predefined
width=""field: ``... However, that can not be a static value if somebody wants to upload another logo.. so it needs to bit configurable somehow (eg. via dot config or somewhere inconfig/directory).@vintprox Unless.. the Twig template switches between different kind of HTML tags. We can maybe set it static to this mbin_Logo.svg for now eg via an additional ID/Class in CSS (but not on custom logos)?
@melroy If config is the primary way for admins to change logo's appearance, which I doubt, then configuration option for width looks sensible. Otherwise, aren't they going to tackle CSS anyway?
Expand link is now more prominent!
After some work by contributors of #Mbin to introduce an indication of magazine in the top bar, I'm happy to say that it's more clear now WHERE on the site you happen to be. Happily, my little CSS trick has adapted to it quickly, but I made #dRBB icon smaller to prevent it stealing space.
Again, thanks to the Mbin contributors! There is a lot of work done already, and I feel confident with this fork of #Kbin to improve one of the store fronts of Fediverse.