Have the (Claytons) collection's tab background use the primary colour background - same as live collections - Githubissues

djplaner / canvas-collections

Transform Canvas LMS modules by adding structure, visuals, and context

https://djplaner.github.io/canvas-collections/

GNU General Public License v3.0

1 stars 0 forks source link

Have the (Claytons) collection's tab background use the primary colour background - same as live collections #258

Open djplaner opened 1 year ago

djplaner commented 1 year ago

[x] Can the RCE use "css variables"
[ ] Get Claytons to use it

djplaner commented 1 year ago

CSS variables and the RCE

var(--ic-brand-button--primary-bgd) seems to be the one with var(--ic-brand-button--primary-text)

Claytons is using existing classes ui-state-default ui-tabs-active

Yes this works

Use canvas style guide for buttons

.Button--primary &.Button--active -- actually just switch the above

Problem !!!

Use of enhanceable content tabs to handle updating the tab for the active tab - means that above simple solution won't work.

What's required is

perahps a rewrite in CSS only tabs
figure out how to modify li tag background in response to the parent being active