brackets to support text content about lcars HOT 5 OPEN

Although I agree that all elements of LCARS interface are potentially input/button/controls, I do not totally agree that all elements would or should have direct labeling. I believe there are some things that are pure geometry and users are just expected to be familiar or to intuit the function. Very much like our real modern scrollbars; no words/labels, just a shape to interact with.
That, said, here it is what those brackets look like currently, by default, if you throw text into them:

Not very LCARS-ish, to be sure, and not even legible in some cases. I think providing decent defaults that resemble your mock-up makes sense, and cannot harm anything. After a bit of poking around, I think the answer is the (somewhat) newer flexbox rules of CSS. I have a recollection that Xenziffen was working on some enhancements using flexbox. I will throw together a minimal improvement in my own branch and then we can make some comparisons and think about it and discuss some more.

from lcars.

My minimal, decent defaults:
To preview: http://htmlpreview.github.io/?https://github.com/jrwarwick/lcars/blob/improve-brackets/lcars/index.html

At some point, we should examine @xenziffen's work on bracket fixing:
xenziffen@a1c40d7#diff-41c1ea49b3e4c2f19aa910a7f8a75fdd09e091536277d0178d875d301b94bfec

It may contain some more robust styling that covers more situations or something. It would be helpful is someone could checkout both of them and then just sort of poke around and try different stuff to see how they each behave differently.

Then we can create a PR with the best approach, after the primary branch is renamed to "main".

from lcars.

Would you mind perhaps creating a mock-up picture (or you can always provide link to a "canon" screen capture) of what you have in mind?

What text alignment options would be appropriate?

from lcars.

from lcars.

This is what I meant. I do not have canon screen capture at hands, but as a general rule, every LCARS element could/should be able to display text and/or being a functional button.

Just imagine styling a lightbox with brackets that surround the presented image. Clicking the left/right brackets for left/right navigation is super intuitive. Alternatively, if you choose to use top/bottom brackets, you could display text that describes the image into the brackets and effectively use the ("black")space.

from lcars.