Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Layout: Make use of full screen width #748

Closed
AndiMD opened this issue Dec 6, 2020 · 3 comments
Closed

Layout: Make use of full screen width #748

AndiMD opened this issue Dec 6, 2020 · 3 comments

Comments

@AndiMD
Copy link

AndiMD commented Dec 6, 2020

Hi,
Output like inline plots seem to be confined to the width of the cells. I would like to use the full width of my screen for plots and tabular output.

Some suggestions mention the hack
html"""<style>main {max-width: 900px;}"""
but in my maximized Chromium browser window, this completely breaks the layout: The "Live docs" do not hover over the cells, but instead take a huge amount of the screen, while the cells move out of the visible screen area to the left.

@dralletje
Copy link
Collaborator

You can do

html"""<style>
main {
    max-width: 900px;
    align-self: flex-start;
    margin-left: 50px;
}
"""

@fonsp
Copy link
Owner

fonsp commented Dec 8, 2020

Thanks for your input! Could you post this to Pluto's built-in suggestion box instead?

#182

@fonsp fonsp closed this as completed Dec 8, 2020
@complyue
Copy link

complyue commented May 18, 2023

The workaround I end up with is:

html"""<style>
main {
    max-width: 96%;
    margin-left: 1%;
    margin-right: 2% !important;
}
"""

Or a margin-right: 500px comes from some where, unless you override that with !important.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants