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:
@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}.
Jump to solution
3 Replies
vmcafee
vmcafeeOP2w ago
@ashish could you help ^
shikharTS
shikharTS6d ago
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
jbc
jbc6d ago
@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}.

Did you find this page helpful?