javascripthtmlcsscordovahtml-framework-7

Framework7 : how change side panel width?

I need to change the width of side panel in framework7 ??

https://framework7.io/docs/side-panels.html

Solution

  • Just change css of class panel.

    default value (in framework7.ios.css) :

    .panel {
    z-index: 1000;
    display: none;
    background: #111;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    width: 260px;
    top: 0;
    height: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}