Problem/Motivation

Tables use background-color for the base color, then box-shadow to achieve the accent/stripe.
This interferes with row icons with use background-image, but appear under the box-shadow, rendering them effectively hidden.

Steps to reproduce

View hidden severity icons at /admin/reports/dblog.
screenshot

Proposed resolution

Neither background-image nor box-shadow support anything akin to z-index.
So some suggestions would be to either to change from box-shadow to background-color, which should(?) work in conjunction with background-image.
Or to move background-image from td to td:before so it can be controlled separately and therefore shown on top.

Remaining tasks

Decide how to fix.

User interface changes

Table row icons are missing.

API changes

None.

Data model changes

None.

CommentFileSizeAuthor
#11 bs5issue.png330.85 KBjannakha
#3 db-log-before.png117.13 KBjannakha

Issue fork bootstrap5-3317592

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

MustangGB created an issue. See original summary.

jannakha made their first commit to this issue’s fork.

jannakha’s picture

jannakha commented
Version: 2.0.x-dev » 4.0.x-dev
Issue summary: View changes
StatusFileSize
new db-log-before.png117.13 KB

still an issue v4 (Bootstrap 5.3.7)

sourabhsisodia_’s picture

sourabhsisodia_ commented
Assigned: Unassigned » sourabhsisodia_
sourabhsisodia_’s picture

sourabhsisodia_ commented
Assigned: sourabhsisodia_ » Unassigned
abyss’s picture

abyss commented
Assigned: Unassigned » abyss

abyss changed the visibility of the branch 4.0.x to hidden.

abyss changed the visibility of the branch 3317592-striped-table-rows to hidden.

abyss opened merge request !95

abyss’s picture

abyss commented
Assigned: abyss » Unassigned
Status: Active » Needs review

@jannakha, I fixed the issue with the icons in the table.
Currently, everything is displayed correctly without any changes to the icon display process.

jannakha’s picture

jannakha commented
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new bs5issue.png330.85 KB

fix applied, tested, issue is fixed!
thank you @abyss for your work!

screenshot of fix attached

vladimiraus’s picture

vladimiraus
Primary language English
Location Brisbane 🇦🇺
commented
Status: Reviewed & tested by the community » Fixed

Thank you! Committed.

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

  • vladimiraus committed 6c76680e on 4.0.x 
    feat: #3317592 Striped table rows hide row icons

By: mustanggb
By:...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.