Skip to content
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

fix: blocks UI elements on right side #30886

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

samarsrivastav
Copy link
Contributor

fix(dashboard): load charts correctly

Fixes #30879

SUMMARY

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

shown in the issue #30879

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

  • Has associated issue:
  • Required feature flags:
  • Changes UI
  • Includes DB Migration (follow approval process in SIP-59)
    • Migration is atomic, supports rollback & is backwards-compatible
    • Confirm DB migration upgrade and downgrade tested
    • Runtime estimates and downtime expectations provided
  • Introduces new feature or API
  • Removes existing feature or API

@dosubot dosubot bot added the dashboard:design Related to the Dashboard UI/UX label Nov 10, 2024
Co-authored-by: Evan Rusackas <[email protected]>
@samarsrivastav
Copy link
Contributor Author

samarsrivastav commented Nov 11, 2024

hey @rusackas !! can i connect with you on slack or something, i have some doubts regarding the setup of the codebase

@rusackas
Copy link
Member

By all means, slack away... or start a GitHub Discussion and tag me there if you want more eyes on it.

@rusackas rusackas changed the title fix:blocks UI elements on right side fix: blocks UI elements on right side Nov 12, 2024
@@ -32,6 +32,7 @@ import ResizableContainer from 'src/dashboard/components/resizable/ResizableCont
import getChartAndLabelComponentIdFromPath from 'src/dashboard/util/getChartAndLabelComponentIdFromPath';
import useFilterFocusHighlightStyles from 'src/dashboard/util/useFilterFocusHighlightStyles';
import { COLUMN_TYPE, ROW_TYPE } from 'src/dashboard/util/componentTypes';
import { useTheme } from '@superset-ui/core';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ahh, you can add this import to line 25, so you're not importing stuff from superset-ui/core twice (it's a listing error). Sorry, I should have been clearer. Also, sorry you even have to DO this stuff... but it's all stuff that sets things up better for the next person :)

@@ -69,13 +70,14 @@ interface ChartHolderProps {
setFullSizeChartId: (chartId: number | null) => void;
isInView: boolean;
}

const theme=useTheme()
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like this (and the style const below it) might need to go within the function component... or there are other workarounds for that. Holler if you want any help here, I might be able to push commits to your fork/branch

@samarsrivastav
Copy link
Contributor Author

hey @rusackas , can you check it now

@sadpandajoe
Copy link
Member

@samarsrivastav looks like there are some failures with pre-commit hooks. Mind running them?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dashboard:design Related to the Dashboard UI/UX size/S
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Fullscreen mode: Unnecessary vertical scrollbar blocks UI elements on right side of screen
3 participants