Fix/more css fixes and stuff
Fixes #77 (closed) #74 (closed)
Changed usercard layout around a bit. Removed scary unnecessary (negative) margins (if you know why they were there - please tell me). Made entire area around user-counters clickable instead of just link + added hover background and selected background - this way "Statuses" is highlighted initially when opening user profile - this should hint user that you can switch views. This change however forced me to move average per day counter somewhere else - it eats up vertical space in "statuses" counter and creates inconsistency - "followers" and "following" counters end up having huge empty space below.
I added some text-shadow-based text outline for text in usercard, so it will increase text readability over light (esp. white) backgrounds. Such text-shadow is atrocious code-wise (basically several non-blurred shadows on top of each other) so it's moved away into variables.
Changed lightFg
to be much more intense than it is now (mod * 5
) and used it in usercard for text color, including the small text (for better readability), as far as I could see lightFg is barely used anywhere. Added semi-transparent (50%, should be enough for white-on-white and black-on-black cases) bg
overlay over profile cover art, removed the outlines mentioned in strike-through text above. Because of white-on-white (light theme + white user art) and black-on-black cases it's impossible to highlight "current tab" in profile view, so i used simple thicc link
-colored underline (border-bottom
) instead. Examples comparing this variation with previous are here
Merge request reports
Activity
added 36 commits
-
f059f034...d003dea5 - 23 commits from branch
develop
- b73a855a - use semi-transparent faint color + fix
- b65877cb - semi-transparent inputbox style
- c5549a2b - unnecessary styles removed (fixes transparent color userstyle)
- 1fb744c2 - gave text some shadow-outline to make it more readable on white backgrounds +
- 92958a61 - Input fields separate radii
- 86bb8df3 - Further usercard readibility. Made it visible which "tab" is actiavated - should
- 0d720b31 - user card no longer uncomfortably close to user name in timeline
- b9c9d7fd - i18n
- 88568834 - Entire area around user counters are clickable now, not just the header-link
- 3f856de8 - fix jumping inputbox's height
- 338a3cce - fixed nsfw hider having very small height, some border-radii for consistency
- d28b8067 - small fix + white color for user-card + opaque outline for text
- 8115744c - fix
Toggle commit list-
f059f034...d003dea5 - 23 commits from branch
added 45 commits
-
8115744c...622e8cd9 - 31 commits from branch
develop
- c46795c6 - use semi-transparent faint color + fix
- 2b64432f - semi-transparent inputbox style
- e23986e2 - unnecessary styles removed (fixes transparent color userstyle)
- 008b36dc - gave text some shadow-outline to make it more readable on white backgrounds +
- a6fa913f - Input fields separate radii
- bc85e5f0 - Further usercard readibility. Made it visible which "tab" is actiavated - should
- f1478935 - user card no longer uncomfortably close to user name in timeline
- 61fd0b65 - i18n
- 15a7151a - Entire area around user counters are clickable now, not just the header-link
- 57e91bc7 - fix jumping inputbox's height
- fc1283da - fixed nsfw hider having very small height, some border-radii for consistency
- e93ce991 - small fix + white color for user-card + opaque outline for text
- 55aeb5b4 - fix
- 4c3d62da - fixed autocomplete lacking highlight
Toggle commit list-
8115744c...622e8cd9 - 31 commits from branch
mentioned in commit 8f58526b