Table setting condensed not effective when using columns

[gunnar-rikardsson]

Prerequisites

• [x ] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• [x ] The issue still exists against the latest master branch of yii2-detail-view.
• [x ] This is not an usage question. I confirm having gone through and read the documentation and demos.
• [x ] This is not a general programming / coding question. (Those should be directed to the webtips Q & A forum).
• [x ] I have attempted to find the simplest possible steps to reproduce the issue.
• [ ] I have included a failing test as a pull request (Optional).

Steps to reproduce the issue

1. Declare a DetailView with columns
2. Set option condensed to true

Expected behavior and actual behavior

When I follow those steps, I see full size table cells

I was expecting smaller cells with less padding around cell content

Environment

Browsers

• [x ] Google Chrome
• [x ] Mozilla Firefox
• [ ] Internet Explorer
• [ ] Safari

Operating System

• [ ] Windows
• [ ] Mac OS X
• [x] Linux
• [ ] Mobile

Libraries

• jQuery version: 3.5.1
• yii2-detail-view version: 1.8.3

Isolating the problem

• [x ] This bug happens on the demos page
• [x ] The bug happens consistently across all tested browsers
• [x ] This bug happens when using yii2-detail-view without other plugins.

The css class table-sm for td and th that sets padding to 0.3rem in boostrap4 (0.75rem on demo site) is overwritten in kv-detail-view.css with .table .kv-child-table > tbody > tr > td/th setting padding to 8px.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.