Views sizing question

[apfelflo89]

Hey first up, thank you for your work! I'm enjoying your project for years on my NSPanel Pro now.

I just started migrating from cards in yaml with wp_style: to the newly introduced views:
but I'm having trouble with sizing.

As you can see there are the same cards

The top one is views: below are the individual cards.

I tried:

 style:
    wallpanel-screensaver-info-box-views:
      width: 450px
      '--ha-card-background': none
      '--ha-card-box-shadow': none
      '--ha-card-border-width': 0px
      right: 0px
      text-shadow: >-
        -0.5px -0.5px 0 rgb(17, 17, 17), 0.5px -0.5px 0 rgb(17, 17, 17), -0.5px
        0.5px 0 rgb(17, 17, 17), 0.5px 0.5px 0 rgb(17, 17, 17)
      '--primary-text-color': '#ffffff'
      '--secondary-text-color': '#dddddd'

and the cards have quite the same:

      wp_style:
        width: 450px
        '--ha-card-background': none
        '--ha-card-box-shadow': none
        '--ha-card-border-width': 0px
        right: 0px
        text-shadow: >-
          -0.5px -0.5px 0 rgb(17, 17, 17), 0.5px -0.5px 0 rgb(17, 17, 17),
          -0.5px 0.5px 0 rgb(17, 17, 17), 0.5px 0.5px 0 rgb(17, 17, 17)
        '--primary-text-color': '#ffffff'
        '--secondary-text-color': '#dddddd'

If you need more details I'm happy to help

[j-a-n]

Do I understand correctly that you want to get rid of the padding around the view?
If so, you can try the following:

wallpanel:
  style:
    wallpanel-screensaver-info-container:
      padding: 0px

[apfelflo89]

style:

   wallpanel-screensaver-info-container:
     padding: 0px
   wallpanel-screensaver-info-box-views:
     background: '#D3D3DF'
     padding: 0px
     width: 450px
     '--ha-card-background': none
     '--ha-card-box-shadow': none
     '--ha-card-border-width': 0px
     right: 0px
     text-shadow: >-
       -0.5px -0.5px 0 rgb(17, 17, 17), 0.5px -0.5px 0 rgb(17, 17, 17), -0.5px
       0.5px 0 rgb(17, 17, 17), 0.5px 0.5px 0 rgb(17, 17, 17)
     '--primary-text-color': '#ffffff'
     '--secondary-text-color': '#dddddd'`

I would say that I'm addressing the padding. But the Cards themselves more than the actual container I guess. I added a background color to see what element is modified. I just wand the view's content the same size as the lower cards. To use the same 450px so to say.

[j-a-n]

Did you try to increase the width?

wallpanel-screensaver-info-box-views:
     width: 480px

[apfelflo89]

Yes I tried that I also tried to dig a bit deeper: It seems to occur when using a section based Dashboard site.
With Panel or Mansory the padding is gone.

[j-a-n]

If you post an example view, I can have a look at it.