-
Notifications
You must be signed in to change notification settings - Fork 20
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Need to export more controls for panels/UI components #819
Comments
this would break the design system so we do not allow that.
This Select component is in the main Grafana repo, we are happy to take contributions. You could try to disable virtualized list, it could help with the auto sizing but not sure |
set hoverHeader to true, then there will not be any header space |
Thanks @torkelo! Those comments really help. And fair, that makes sense. Basically, we have a long page with a bunch of panels. However, it looks like the main SceneAppPage has a fixed height for the background and a fixed color. So it shows up like so behind some of the panels. How could I make the "Scene App Page Background" blend in OR make it flexibly adapt and grow to the overall panels' height? Thanks a lot again! |
Looking for a resolution for this same issue |
@torkelo if you could take another look at this I would be appreciative |
Hello! I have a somewhat generic question with specific examples. Apologies if it is too obvious, since I am new to UI development.
Background:
In several places it seems that the only non-hacky way to update a certain style option for a UI component would be to make a child class of that component, create a new renderer with new CSS and then use that new class. Would it be possible expose a way to more easily override style? Or maybe I am missing something - what is the recommended way for overriding the CSS styling of a container within a Scenes component?
Examples:
I would like to remove the header padding of a stat/gauge when there is no title set. Otherwise it seems to take up white space. I found the PanelTimeRange class mimics the "Hide Time Info" setting in Grafana. Could such functionality be exposed as part of a package?
A div element with class="css-<....>-page-content" is generated for my main
SceneAppPage
. I want to change thebackground-color
of this div element in particular. This is what the style for my main page looks like:const getStyles = (theme: GrafanaTheme2) => ({ container: css display: flex; flex-grow: 1; height: 100%; , });
VariableValueSelector
dropdown. I want the dropdown list's boxes to grow around the text instead of cutting off long strings. I believe this component is using thereact-select-2-listbox
. How could I override the styling to set the field size to stretch?The text was updated successfully, but these errors were encountered: