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

Max-width of Sankey Chart #86

Closed
Xitro01 opened this issue Jan 23, 2023 · 4 comments
Closed

Max-width of Sankey Chart #86

Xitro01 opened this issue Jan 23, 2023 · 4 comments
Assignees
Labels
bug Something isn't working

Comments

@Xitro01
Copy link

Xitro01 commented Jan 23, 2023

The chart seems to ignore the max-width or isn't changing its size accordingly.
When I remove the card all other cards remain within the borders, but whenever I place the sankey chart all the cards are going out of bounds.

Schermafbeelding 2023-01-23 102954

I'm not really a CSS hero, so I have no clue what might be causing this.

@Xitro01 Xitro01 added the bug Something isn't working label Jan 23, 2023
@MindFreeze
Copy link
Owner

I can't reproduce this. My cards scale fine with and without the wide option. What is your config like? Do you have it in a vertical-stack or similar card?

@Xitro01
Copy link
Author

Xitro01 commented Jan 23, 2023

I can't reproduce this. My cards scale fine with and without the wide option. What is your config like? Do you have it in a vertical-stack or similar card?

This is the whole yaml:

action: fire-dom-event
browser_mod:
  service: browser_mod.popup
  data:
    title: Energie
    size: wide
    content:
      type: custom:layout-card
      layout_type: grid
      layout:
        grid-template-columns: 33% 33% 33%
        grid-template-rows: auto
        grid-template-areas: |
          "main main2 main3"
        grid-gap: 5px
        mediaquery:
          #phone
          "(max-width: 800px)":
            grid-template-columns: 2fr
            grid-template-rows: repeat(2, 2fr)
            grid-template-areas: |
              "main"
              "main2"
              "main3"
            grid-gap: 5px
      cards:
        - type: vertical-stack
          cards:
            - type: energy-date-selection
            - type: energy-usage-graph
          view_layout:
          grid-area: main
        - type: vertical-stack
          cards:
            - type: energy-solar-graph
            - type: energy-gas-graph
          view_layout:
          grid-area: main2
        - type: vertical-stack
          cards:
            - type: energy-distribution
            - type: energy-devices-graph
            - type: custom:sankey-chart
              autoconfig:
                print_yaml: false
              show_names: true
          view_layout:
          grid-area: main3

@MindFreeze
Copy link
Owner

So it is a popup. Haven't tried that. Probably where the issue comes from

@MindFreeze
Copy link
Owner

There have been a lot of changes to the layout, including a new vertical mode in v3, so I will close this issue as outdated. Feel free to reopen it if it is still a problem in v3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants