search

ELIXIR-Belgium / elixir-toolkit-theme

Flexible Jekyll theme using bootstrap 5 as CSS framework.
https://elixir-belgium.github.io/elixir-toolkit-theme/
MIT License
20 stars 16 forks source link

shadow box on right-hand toc #184

Closed mshadbolt closed 1 year ago

mshadbolt commented 1 year ago

Hi!

Thanks for the awesome updates in the latest version! Really great having upgraded jekyll version and have updated my workflow to be a lot simpler using the template jekyll actions workflow.

I have edited the _bootstrap_variables.scss file to include a box-shadow so that the tiles on the homepage get a nice shadow on hover.

https://github.com/AustralianBioCommons/human-omics-data-sharing-field-guide/blob/404c37bd8d2c23f8b18cdaed908c5c4b6b341db9/_sass/_bootstrap_variables.scss#L33C1-L33C46

However when I updated to the latest version of the theme, the right hand toc (which is an awesome feature that I love) also gets the box shadow, when I would prefer it didn't.

See example here: https://australianbiocommons.github.io/human-omics-data-sharing-field-guide/repositories

Is there any smart way to enable the shadow for the front tiles but not for the right-hand toc?

Many thanks for any advice you can offer, sorry I'm not very good at the css styling type stuff.

mshadbolt commented 1 year ago

Hi again, I figured out how to do this by editing my _custom_classes.scss file to remove the toc from the classes where the box shadow is applied.`