You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It's a single bug. Do not report multiple bugs in one issue.
It's a frontend issue, not a backend issue; Otherwise please create an issue on the backend repo instead.
Summary
On the inbox page when a user has received a message, the show/reveal button has a weird colour inheritance which means when developing themes that it can change to an unexpected colour.
Color is determined by fill: currentColor. For the custom theme I was making, this ended up black and made it blend in with the background. To fix it I needed to add: .inbox .private-message ul.list-inline.mb-0.text-muted.small li:last-child .icon { color: rgba(var(--gray-200-rgb), 0.75); }
HTML code for the button: <button class="pointer text-monospace p-0 bg-transparent border-0 d-block" type="button"><svg class="icon"><use xlink:href="/static/61a827a1/assets/symbols.svg#icon-minus-square"></use><div class="visually-hidden"><title>minus-square</title></div></svg></button>
This seems like it should be defined like the reveal post toggle button on posts on the Lemmy homepage: <button class="btn btn-sm btn-link link-dark link-opacity-75 link-opacity-100-hover py-0 align-baseline" type="button"><svg class="icon icon-inline"><use xlink:href="/static/61a827a1/assets/symbols.svg#icon-plus-square"></use><div class="visually-hidden"><title>plus-square</title></div></svg></button>
My suspicion is it needs the .btn or btn-sm class for the colours to inherit properly.
Image Description: Screenshot from RBlind with the theme Darkly applied. Next to the from MostlyBlindGamer 26 days ago there is an SVG icon reveal button. The private message shows a test message.
Steps to Reproduce
Visit the inbox page
Click "All" to reveal all messages (or at least 1)
Use the Developer Tools Inspection tool to target the SVG button
Requirements
Summary
On the inbox page when a user has received a message, the show/reveal button has a weird colour inheritance which means when developing themes that it can change to an unexpected colour.
Color is determined by
fill: currentColor
. For the custom theme I was making, this ended up black and made it blend in with the background. To fix it I needed to add:.inbox .private-message ul.list-inline.mb-0.text-muted.small li:last-child .icon { color: rgba(var(--gray-200-rgb), 0.75); }
HTML code for the button:
<button class="pointer text-monospace p-0 bg-transparent border-0 d-block" type="button"><svg class="icon"><use xlink:href="/static/61a827a1/assets/symbols.svg#icon-minus-square"></use><div class="visually-hidden"><title>minus-square</title></div></svg></button>
This seems like it should be defined like the reveal post toggle button on posts on the Lemmy homepage:
<button class="btn btn-sm btn-link link-dark link-opacity-75 link-opacity-100-hover py-0 align-baseline" type="button"><svg class="icon icon-inline"><use xlink:href="/static/61a827a1/assets/symbols.svg#icon-plus-square"></use><div class="visually-hidden"><title>plus-square</title></div></svg></button>
My suspicion is it needs the
.btn
orbtn-sm
class for the colours to inherit properly.Image Description: Screenshot from RBlind with the theme Darkly applied. Next to the from MostlyBlindGamer 26 days ago there is an SVG icon reveal button. The private message shows a test message.
Steps to Reproduce
Technical Details
Windows and Linux
Firefox / Waterfox
Lemmy Instance Version
BE: 0.19.8
Lemmy Instance URL
https://rblind.com/
The text was updated successfully, but these errors were encountered: