Skip to content

[JENKINS-76309] Use Jenkins mouse-over effects for data tables header  #664

Description

@jenkins-infra-bot

Datatables should use the same styling that has been introduced in JENKINS-75990.

Currently, we use a totally different styling, it would make sense to use the same styling that has been introduced by ridemountainpig in jenkinsci/jenkins#11016.

Styles that needs to be adapted are located in

/* Add rounded border for table header hover */
table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
outline: 1.5px solid var(--bs-table-border-color);
outline-offset: -5px;
border-radius: 10px;
}
.

 


Originally reported by drulli, imported from: Use Jenkins mouse-over effects for data tables header
  • status: Open
  • priority: Minor
  • component(s): data-tables-api-plugin
  • label(s): help-wanted, newbie-friendly
  • resolution: Unresolved
  • votes: 0
  • watchers: 1
  • imported: 20260107-220949
Raw content of original issue

Datatables should use the same styling that has been introduced in JENKINS-75990.

Currently, we use a totally different styling, it would make sense to use the same styling that has been introduced by ridemountainpig in jenkinsci/jenkins#11016.

Styles that needs to be adapted are located in

/* Add rounded border for table header hover */
table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
outline: 1.5px solid var(--bs-table-border-color);
outline-offset: -5px;
border-radius: 10px;
}
.

 

2 attachments

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Fields

    No fields configured for Enhancement.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions