Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Improve menu layout versatility

See original GitHub issue

For example, these are my cameras:

The issues with the available layouts are:

Hidden/Overlay/Hover Top -> clashes with my camera’s watermark
Hidden/Overlay/Hover Bottom -> clashes with UI buttons when using HA or WebRTC live view provider
Hidden/Overlay/Hover Left -> As it starts from top to bottom, also clashes with the watermark
Hidden/Overlay/Hover Right -> Too close to my PTZ controls

Of course, my current best option is to use “Above” or “Below”, but if I had a “Overlay Top Right”, that would be my preference.

So, the suggestion is to have some additional config modes, so that:

  'none',
- 'hidden-top',
+ 'hidden-top-left',
+ 'hidden-top-right',
- 'hidden-left',
+ 'hidden-left-top',
+ 'hidden-left-bottom',
- 'hidden-bottom',
+ 'hidden-bottom-left',
+ 'hidden-bottom-right',
- 'hidden-right',
+ 'hidden-right-top',
+ 'hidden-right-bottom',
- 'overlay-top',
+ 'overlay-top-left',
+ 'overlay-top-right',
- 'overlay-left',
+ 'overlay-left-top',
+ 'overlay-left-bottom',
- 'overlay-bottom',
+ 'overlay-bottom-left',
+ 'overlay-bottom-right',
- 'overlay-right',
+ 'overlay-right-top',
+ 'overlay-right-bottom',
- 'hover-top',
+ 'hover-top-left',
+ 'hover-top-right',
- 'hover-left',
+ 'hover-left-top',
+ 'hover-left-bottom',
- 'hover-bottom',
+ 'hover-bottom-left',
+ 'hover-bottom-right',
- 'hover-right',
+ 'hover-right-top',
+ 'hover-right-bottom',
- 'above',
+ 'above-left',
+ 'above-right',
- 'below',
+ 'below-left',
+ 'below-right',

But I think it could be greatly simplified to end user if new attributes were added. Like:

style: "hidden", "overlay", "hover", "flat" // "flat" is equivalent to "above" and "below"
position: "top", "bottom", "left", "right" // for "flat" style, the options "top" and "bottom" controls the previous "above"/"below".
corner: "top", "bottom", "left", "right" // configuration UI should only show "top" and "bottom" when position is "left" or "right", and vice-versa

Issue Analytics

State:
Created 2 years ago
Comments:8 (6 by maintainers)

Top GitHub Comments

1reaction

Hukuma1commented, Feb 22, 2022

My Google-Fu has failed me. Thank you! Works amazing right-out-of-the-box. Especially since my cameras are amcrest 😄

1reaction

felipecrscommented, Feb 22, 2022

@Hukuma1 but PTZ is already possible, check the README for examples. Here is mine:

Screenshot_20220222-133416_Home Assistant.png

Top Results From Across the Web

Boost menu versatility while keeping costs low

Prioritizing versatile options shouldn't mean increasing costs or labor, however—and pre-portioned dipping sauces are just one great way.

Top 11 Tips For Crafting the Perfect Restaurant Menu

1. Make sure the menu is easy to read. · 2. Don't overwhelm the customers with choices. · 3. Choose a cohesive design...

7 Tips for A Captivating Menu Design | Food Market Hub Blog

Depending on your restaurant's vibe, illustration keeps your menu versatile. Whether it's vintage, modern or minimalistic, there isn't any harm in spicing ...

How To Create A Restaurant Menu Design That Maximizes ...

You can also consider adding high-quality images of your menu items along with the menu descriptions that display the color, texture, and versatility...

Things You Should Know About Restaurant Menus - LiveAbout

Your restaurant menu can be your most important marketing tool. Try these tips for description, layout, and pricing to get it just right....