100% width dont work on desktop

[nelsonamen]

Hi

100% width dont work on desktop with no side bar

Its possible to have only the X for close in the pop up?
Thanks

[nelsonamen]

On mobile works
On fully Kiosk browser dont

[nelsonamen]

how i can change the part of the root?

type: custom:bubble-card
card_type: pop-up
hash: '#todasluzes'
state: sensor.luzesligadas
icon: mdi:lightbulb-group
name: ' '
margin_top_mobile: 0px
entity: null
width_desktop: 100%
card_mod:
style:
.: |

  ha-card {
    margin-top: 0 !important;
    background: none !important;
    border: none !important;
  }
  .card-content {
    width: 100% !important;
    padding: 0 !important;
  }

  @media only screen and (min-width: 870px)
  
  #root {
      top: calc(100% + 0px + 54px);
      width: calc(100% -92px) !important;
      left: calc(50% - 50% + 0px);
      margin: 0 !important;
  }

[dsellers1]

Wanted to throw this in here since it might be related. I noticed the popup at 90% appears under the sidebar when it is expanded.
Windows 11, Firefox 116.0, window sizes: 2560x1440 and 1480x1440.

I removed the card_modded monstrosity in the screenshot just in case that was somehow messing with it but the results were the same.

When set to 100%, the popup expands up to the collapsed sidebar which could be the area that @nelsonamen showed in his screenshot. Changing to 110% does expand the popup under the collapsed sidebar but then it also pushes the close button off the screen. Attempting to change the z-index of the vertical-stack card via card mod does not bring the popup over the sidebar.

[nelsonamen]

width: calc(100% -92px) !important;

• 92px to 0 on the chrome inspector works
  How to do this on card mod?

[samuel9554]

I think PR #18 could fix this one.

[Clooos]

Hi, this is fixed in the new beta with a is_sidebar_hidden variable that can be true or false.

[nelsonamen]

👍

[nelsonamen]

@Clooos is there a new problem but with right side?

[Clooos]

Indeed! This issue will be fixed in the next beta.

[Clooos]

This is now fixed in beta 11 :
https://github.com/Clooos/Bubble-Card/releases/tag/v0.0.1-beta.11