syspower icon indicating copy to clipboard operation
syspower copied to clipboard

Hard to see which option is selected

Open logrusx opened this issue 8 months ago • 3 comments

On a Hi-Res display it's a bit hard to see which option is selected. I have no suggestion of how to improve that, but I usually need to look closer, stare and move up and down to notice where the selection is.

logrusx avatar May 09 '25 18:05 logrusx

You can edit the css?

button:focus {

}

or

button:hover {

}

Should do the trick.

System64fumo avatar May 10 '25 17:05 System64fumo

I'm not sure I know how to do that :-) Where should I put it in the file? Just drop it at the bottom?

logrusx avatar May 10 '25 17:05 logrusx

Sure yeah.

System64fumo avatar May 10 '25 19:05 System64fumo

Been a while, Did it work?

System64fumo avatar Sep 04 '25 07:09 System64fumo

Hi, I don't remember what I tried exactly but I tried a few things and they changed nothing.

p.s. since then I've had some GitHub jobs done and I think you should convert this into a discussion. Enable discussions on this repo and press convert to discussion or something like that which will appear somewhere in the right in the issue.

logrusx avatar Sep 04 '25 08:09 logrusx

Any specific reason to enable discussions? This is a simple issue? Shouldn't get dragged too long?

System64fumo avatar Sep 04 '25 09:09 System64fumo

To me it looks more like a support request and not an issue, that's why I'm suggesting it.

logrusx avatar Sep 04 '25 09:09 logrusx

Ah, No it's fine to use issues for this, Helps me try and keep track of things. I will consider enabling discussions later though. That being said i advise you look into how gtk css is handled as this seems to work just fine on my end unless you're experiencing a visual glitch?

System64fumo avatar Sep 04 '25 09:09 System64fumo

I'm completely ignorant of CSS, I don't know it, don't understand it. I'm not sure I understand the following:

You can edit the css?

button:focus {

}

or

button:hover {

}

Should do the trick.

If by edit you mean I should know what to put inside the brackets, I certainly don't.

logrusx avatar Sep 04 '25 09:09 logrusx

Oh.. Well You could do something like:

button:hover {
    background: red;
}

or

button:hover {
    border: 1px solid red;
}

System64fumo avatar Sep 04 '25 10:09 System64fumo

OK, this works, but as I found by accident, only when I hover with the mouse. I use the keyboard arrows. When I first press the key combination, all boxes are un-selected. When I press up or down a very faint blue frame appears around, usually the second box as I expect the default selection to be the topmost box. The background doesn't change. I don't remember what I did back in May but it may very well have changed something that didn't show up.

logrusx avatar Sep 04 '25 14:09 logrusx

OK, I was able to alter the frame width and color like that:

button:focus {
        border: 5px solid cyan;
} 

logrusx avatar Sep 04 '25 14:09 logrusx