Dynamic Layout Adaptation: Adjusting Main-Content Width with Changing Contexts

[mentaloid]

• visibility is a CSS attribute that can be used in place of attribute display
  • It works great with static widths.

@FlorianF

working with different optimal widths

• Optimal width is an illusion.
  • If a screen is small-enough, all widths are compromises.
  • If a content is big-enough, all widths are compromises.
  • When having small content in a big screen, be thankful for the luxury and move on.
    • Real work has very little to do with widths.

@FlorianF

I am merely trying to get Logseq UI to fit my workflow

• You have long gone beyond the point of “merely”.
• Workflows can be as problematic as the applications.
  • Frequent toggling sounds problematic-enough.

@FlorianF

If I new the right name (similar to “rightbar.style.width”) for the main-content

• You already know the right name: main-content-container
  • Take it with const main = document.getElementById("main-content-container")
  • Use it with main.style.width
• Could also experiment with css class .w-full
  • currently set to width: 100%
• Keep your expectations low.