this post was submitted on 10 Oct 2023
2 points (100.0% liked)

dR Bulletin Board

2 readers
1 users here now

Unofficial devRant bulletin board, a magazine for people of devrant.com and categories remotely related to information technology. We are here collecting discussions, recommended software, links, videos, artworks, music and other resources around our interests. It's a place open to the wider Fediverse, meaning people outside the originating instance can interact with everything. To let your post from Mastodon be seen in our Microblog, include one of our featured tags: #devrant #drcc #drbboard ๐Ÿท (Use #drbb for anything related to the bulletin board itself.) ๐Ÿ›ก Familiarize with the guide before posting: https://kbin.melroy.org/m/drbboard/t/51078 ๐Ÿฟ Welcome, have a whale of time and happy scrolling! ๐Ÿ˜Ž

founded 1 year ago
MODERATORS
 

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.

#drbboard

all 14 comments
sorted by: hot top controversial new old
[โ€“] [email protected] 1 points 11 months ago
[โ€“] [email protected] 1 points 11 months ago (1 children)

@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.

[โ€“] [email protected] 1 points 11 months ago* (last edited 11 months ago) (1 children)

@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.

[โ€“] [email protected] 1 points 11 months ago* (last edited 11 months ago) (1 children)

@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".

[โ€“] [email protected] 1 points 11 months ago (2 children)

@vintprox Or what about enabling the logo now? Let's see..

[โ€“] [email protected] 1 points 11 months ago* (last edited 11 months ago) (1 children)

@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.

[โ€“] [email protected] 1 points 11 months ago* (last edited 11 months ago) (1 children)

@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 in config/ directory).

[โ€“] [email protected] 1 points 11 months ago (1 children)

@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)?

[โ€“] [email protected] 1 points 11 months ago (1 children)

@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?

[โ€“] [email protected] 1 points 11 months ago

@vintprox The user might only change the logo via the setting, without tinkering CSS stylesheets.

I didn't check the code, but we could set width attribute by default if Twig switches between default logo and user logo.

[โ€“] [email protected] 1 points 11 months ago

Expand link is now more prominent!

[โ€“] [email protected] 1 points 10 months ago* (last edited 10 months ago)

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.