media queries
Is it possible to provide CSS overrides for media queries for embedded components? We are trying to apply a media query that has multiple levels of selectors, like div > button.btn > .icon, etc. but it's not working.
Solution:Jump to solution
@vmcafee Yes, we provide an option to override some of the css through https://developers.thoughtspot.com/docs/Interface_customCssInterface#_rules_unstable, but this doesn't allow passing the media queries. You can add your media query overrides in a css file and pass it as https://developers.thoughtspot.com/docs/Interface_CustomStyles#_customcssurl
customCssInterface
inline customCSS within the {@link CustomisationsInterface}. Use {@link CustomCssVariables} or css rules.
CustomStyles
Styles within the {@link CustomisationsInterface}.
3 Replies
@ashish could you help ^
Did you try using a customCSS file for giving overrides? I have seen generally if giving overrides for certain CSS rules does not work, giving it as part of a file generally works. cc @jbc
Solution
@vmcafee Yes, we provide an option to override some of the css through https://developers.thoughtspot.com/docs/Interface_customCssInterface#_rules_unstable, but this doesn't allow passing the media queries. You can add your media query overrides in a css file and pass it as https://developers.thoughtspot.com/docs/Interface_CustomStyles#_customcssurl
customCssInterface
inline customCSS within the {@link CustomisationsInterface}. Use {@link CustomCssVariables} or css rules.
CustomStyles
Styles within the {@link CustomisationsInterface}.