Left side panel width problem


i have a left side panel as app main menu that contains a list for menu items and it is great, my issue is that when the panel is open it is always in a fixed width size! i tried to set --f7-panel-width on panel element itself but the menu list arrow and shadow edge disappears, is it possible to force the panel max-width with percent or vw unit widthout any side effect on child list element and etc.


Add it to CSS as :root variable and yes it can be relative, e.g.:

:root {
  --f7-panel-width: 80vw;