Bug 2152268 - [CSS] Add underline to row when hovering for easier reading
Summary: [CSS] Add underline to row when hovering for easier reading
Keywords:
Status: CLOSED NEXTRELEASE
Alias: None
Product: Copr
Classification: Community
Component: frontend
Version: unspecified
Hardware: All
OS: All
unspecified
low
Target Milestone: ---
Assignee: Copr Team
QA Contact:
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2022-12-10 04:34 UTC by Justin Zobel
Modified: 2023-01-08 22:53 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Environment:
Last Closed: 2023-01-08 22:53:51 UTC
Embargoed:

Attachments (Terms of Use)

Description Justin Zobel 2022-12-10 04:34:13 UTC 
tr:hover td {
    border-bottom: 1px solid #d28700; border-collapse: collapse; background-color: #e3e3e3;
}

This CSS works well, obviously change colour to a Feodra/Copr blue colour.

Aids in visibility when reading a line.
Comment 1 Jakub Kadlčík 2022-12-10 15:40:32 UTC 
Hello Justin,
this is a very good idea.

I submitted
https://github.com/fedora-copr/copr/pull/2432

However, these settings seemingly did nothing, so I omitted them from the PR.

    border-bottom: 1px solid #d28700; 
    border-collapse: collapse;

Were they important for other browsers or something that I didn't try?
Comment 2 Justin Zobel 2023-01-08 22:53:51 UTC 
As long as it worked in your testing, that's fine, thanks for the PR!
Note You need to log in before you can comment on or make changes to this bug.