More space on preview page

forcedotcom / lwc-dev-server-feedback

LWC Local Development

BSD 3-Clause "New" or "Revised" License

45 stars 10 forks source link

More space on preview page #18

Open florian-interaktiv opened 4 years ago

florian-interaktiv commented 4 years ago

Is your feature request related to a problem? Please describe. In my opinion, the currently available space for a component is really limited as it's only displayed inside the lightning-panel. That might results in displaying them differently than in Lightning Experience.

Describe the solution you'd like A possibility might be to have a more simple environment for the component preview pages. Probably with more available space and with just a small navigation bar on the top of the page where you can go back to the main component overview page.

Describe alternatives you've considered More panel width for preview panel.

mysticflute commented 4 years ago

Yes this is something we have in the plans!

sjurgis commented 3 years ago

You can use Chrome's style override and file below to make viewport larger. styles.css

@font-face {
    font-family: 'Neutraface Display';
    src: url('/assets/localdev/fonts/NeutrafaceDisplay.woff2') format('woff2'),
        url('/assets/localdev/fonts/NeutrafaceDisplay.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
    .main-content {
        max-width: unset !important;
    }
    .header {
        display: none
    }
    localdevserver-header {
        display: none !important
    }
    div.container {
        width: 100% !important;
    }

Before

After