1 reply · opened May 25, 2021
Applying the .adaptive-color-scheme to body of tables.html and lists-cards.html has negative UI effects relative to version 6.3 behavior. The striped portions of table and background of cards are not what they had been.
Examples by just adding .adaptive-color-scheme to body:
https://sundaydubs.com/tables.html
https://sundaydubs.com/lists-cards.html
Hello,
Thanks for mentioning this and Apologies for the Inconveniences caused!
This was avoided for Bootstrap related Components to avoid CSS duplicates. Dark Scheme styling is already available for Bootstrap Components. For Tables, simply adding .table-dark Class to the .table Element will work fine. Example:
[ch_pre][/ch_pre]
For the Lists, adding .bg-dark to the .list-group Element and .text-light Class to the .list-group-item Elements will work fine. Example:
[ch_pre]
Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros
[/ch_pre]
However, we do completely understand that you are trying to use this using Adaptive Color Scheme and manually adding the classes is not an option. So we will work on a JS functionality which will allow for adding these Classes when the Color Scheme of the system is changed. We will provide you with a possible solution for this shortly. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard