magento2 icon indicating copy to clipboard operation
magento2 copied to clipboard

Published 20 hours ago • verified publisher icon magento

Hover colour not applied on static grids in admin

Open fredden opened this issue 2 years ago • 10 comments

Preconditions

  1. Have more than one admin user
  2. Tested on 2.4.3-p2 and ef0ffcd37470e83337133a167dc4504f86037f28 (ie, current HEAD of 2.4-develop branch)

Steps to reproduce

  1. Navigate to a static grid - for example the admin user grid (System -> Permissions -> All Users)
  2. Notice background colours shown on each row.
  3. Hover over the first row.
  4. Notice background colour of hovered-over row.
  5. Hover over the second row.
  6. Notice background colour of hovered-over row.

Compare this to a dynamic grid where the hover background colour works as expected. (For example, the Design Configuration grid behaves as expected - Content -> Design -> Configuration.)

Expected result

  1. All rows highlight as they are hovered over.
Screen-shots of Admin Users grid working as expected (CSS manipulated on-page)

Screenshot_2022-04-22_21-56-22 Screenshot_2022-04-22_21-57-13

Screen-shots of Design Configuration grid working as expected

Screenshot_2022-04-22_21-53-27 Screenshot_2022-04-22_21-53-37

Actual result

  1. Only odd-numbered rows highlight as they are hovered over.
  2. Even-numbered rows do not show any differently when hovered over or not.
Screen-shots of Admin Users grid as it currently behaves

Screenshot_2022-04-22_21-59-21 Screenshot_2022-04-22_21-59-34

Technical details

It may help a developer to know that the hover style is here: https://github.com/magento/magento2/blob/610f7f51faa94639da29f8001aded7559f114c54/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_data-grid.less#L190-L194

And the alternating-row style is here: https://github.com/magento/magento2/blob/610f7f51faa94639da29f8001aded7559f114c54/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/_data-grid-static.less#L18-L28

Please provide Severity assessment for the Issue as Reporter. This information will help during Confirmation and Issue triage processes.

  • [ ] Severity: S0 - Affects critical data or functionality and leaves users without workaround.
  • [ ] Severity: S1 - Affects critical data or functionality and forces users to employ a workaround.
  • [ ] Severity: S2 - Affects non-critical data or functionality and forces users to employ a workaround.
  • [ ] Severity: S3 - Affects non-critical data or functionality and does not force users to employ a workaround.
  • [x] Severity: S4 - Affects aesthetics, professional look and feel, “quality” or “usability”.

fredden avatar Apr 22 '22 21:04 fredden