Feature Request Striped Table - Mouseover Styling

Discussion in 'Suggestions & Bug Reports' started by plungedtoilet, Aug 3, 2022.

  1. plungedtoilet

    plungedtoilet Active Member

    Joined:
    Jun 5, 2019
    Messages:
    3
    Likes Received:
    1
    Reading List:
    Link
    I think that adding a mouseover styling to the table rows would help better navigate the site. At least, on a desktop browser I found myself tracing the rows with my mouse. For purely viewing purposes, striped tables are great for distinguishing individual table rows. However, when mixed with navigation, it would be better to go the extra mile for distinguishing individual rows.

    I think it would be better if the rows were styled with a ":hover" CSS selector in addition to the striped table styling. The feature shouldn't be too hard to implement because it wouldn't require any changes to application logic... just changes to the stylesheet(s) associated with tables.

    Edit: Example Code
    Code:
    tbody > tr:hover {
        border-right: 2px solid #2c3e50;
        border-left: 2px solid #2c3e50;
    }
    or
    Code:
    tbody > tr:hover {
        background-color: #/*Some color IDK*/
    }
    or
    Code:
    tbody > tr:hover {
        transform: translateX(4px);
        border-left: 2px solid  #2c3e50;
    }
    The last is my favorite, because it doesn't interfere with the striped styling and makes it easy to distinguish the columns in a selected row.
     
    Last edited: Aug 3, 2022
  2. Ral

    Ral Not a Well-Known Member ¯\_(ツ)_/¯

    Joined:
    Dec 5, 2016
    Messages:
    1,214
    Likes Received:
    923
    Reading List:
    Link
    You can easily make such edits for yourself by using Stylus or even uBlockOrigin.
     
    niznet likes this.