Table striped overrides data-theme=light #624

soypat · 2024-10-23T13:47:25Z

Describe the issue

<table class="striped">
    <tbody><style>.log-data0 { padding-left: 0rem; }</style>
    <tr><td data-theme="light"><strong>aaa:</strong></td><td>aaaa</td></tr>
    <tr><td data-theme="light"><strong>aaa:</strong></td><td>aaaa</td></tr>
    <tr data-theme="light"><td ><strong>aaa:</strong></td><td>aaaa</td></tr>
    <tr data-theme="light"><td ><strong>aaa:</strong></td><td>aaaa</td></tr>
    </tbody>
</table>

Current Behavior

A concise description of the bug.

Expected Behavior

The light theme being applied correctly.

head element:

<head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Mechanical Dirk</title><meta name="viewport" content="width=device-width, initial-scale=1"/><script src="https://unpkg.com/[email protected]" crossorigin="anonymous"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.colors.min.css"/><script>
        // https://stackoverflow.com/questions/69364278/handle-errors-with-htmx
        document.body.addEventListener('htmx:beforeOnLoad', function (evt) {
            if (evt.detail.xhr.status === 400 || evt.detail.xhr.status === 500) {
                evt.detail.shouldSwap = true;
                evt.detail.isError = false;
            }
        });
    </script></head>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Table striped overrides data-theme=light #624

Table striped overrides data-theme=light #624

soypat commented Oct 23, 2024 •

edited

Loading

Table striped overrides data-theme=light #624

Table striped overrides data-theme=light #624

Comments

soypat commented Oct 23, 2024 • edited Loading

Describe the issue

Current Behavior

Expected Behavior

head element:

soypat commented Oct 23, 2024 •

edited

Loading