Always hide right column

[tresoldi]

I would like to always hide the right column (i.e., div livemark-right), no matter the view width, but I was unable to find a way (besides manipulating the output, of course).

Is it possible to use livemark.yaml to set its visibility as hidden in all cases?

[benhur07b]

Not sure if it can be done via livemark.yml but we can add custom styles (to the style.css for example) to do this. The link to the CSS file can be added in livemark.yml.

Hiding the right column

#livemark-right {
    display: none !important;
}

Results in:

Hiding the right column and extending the main/middle column to the right

#livemark-main {
  margin-right: 0px !important;
}

#livemark-right {
    display: none !important;
}

Results in:

In this case, the #livemark-display element (print-increase/decrease readability-scroll to top) will cover the navigation link to the next page in pages with long content.

See bottom right corner:

This can also be remedied by adding custom CSS.

#livemark-display {
  margin-bottom: 60px !important;
}

#livemark-main {
  margin-right: 0px !important;
}

#livemark-right {
    display: none !important;
}

Results in:

Or we can simply remove this element by adding the following in livemark.yml

display: false

Results in:

P.S. I'm guessing it should be possible to automate this into a single parameter that can be added to livemark.yaml.

[roll]

Thanks @tresoldi,

I agree we need to implement this feature as config in livemark.yaml.

[tresoldi]

Thanks for the info, @benhur07b!

@roll -- should I close this issue and open one asking for the feature? Or keep it?

[roll]

Hi @tresoldi and thanks @benhur07b,

I marked it as feature so let's keep it :+1: