solarbird: (tracer)
solarbird ([personal profile] solarbird) wrote in [site community profile] dw_suggestions 2017-04-17 09:30 am (UTC)

rough first draft: the simple cleanup

This is a rough first draft of a minimal navbar cleanup. Reading page view, Own journal view. This is what I was able to do in CSS through the custom-CSS interface; it's now what I see live on the site when logged in.

In no small part, this is just getting text horizontally aligned with other lines of text, regularising sizes of objects, and ditching some pretty heavily dated WoAh-3D-bUtToNs. I also lost a horizontal divider, floated the search box out to the right, and re-margined the user icon so that the margins are even.

There really should be less space between the 49px user icon and the text to the right, but it's 2am and I'm sleepy. Also, the reload-in-light text is a pixel too high, see also sleepy, and really, that reload-in-light button should be with the other "viewing" actions anyway, and not the search bar, since it's another viewing action and not related to search at all. But I don't think I can do that with CSS against the generated code.

All of this is in the service of reducing visual clutter. It's also still a rough draft, because even besides the already mentioned incomplete bits, I can't fix the irregular spacing on the leftmost menu (Home / Post / Reading etc) because there's no way to hook into those in CSS that I can see. But that should be sorted out too.

This is, again, the minimal changes approach. It doesn't address the other issues I brought up of consistency across pages (except for moving the search box closer to where it is in other layouts), menu ordering, and so on, but it's less immediately visually dissonant and I'm pretty sure would be zero impact on users if implemented. But it leaves a lot of other problems unaddressed.

eta: Here, I made an A/B comparison between the current (as seen in another user's style) and my first-draft cleaned up version (as seen by applying my style to that user account).

Post a comment in response:

From:
Anonymous
OpenID
Identity URL: 
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org


 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.