Hide Help in edit mode

[Mariusthvdb]

Not sure if we discussed this before, but here goes....

The final menu bar item I hide using card_mod, is the help icon in edit mode:

toggle the boolean:

and the result is:

its a bit ugly now because of the template in the header (which I also enable using a toggle, might be too specific for kioskmode? )

but its done using this mod:

  card-mod-root-yaml: |
    .: |
      /* This hides the help button when in edit mode*/
      a.menu-link[target="_blank"] {
        {% if is_state('input_boolean.hide_help','on') %}display: none;{% endif %}
      }

maybe this is something you could consider for Kiosk-mode and do better....?

btw, did you ever consider a toggle for moving the header to the footer? We can do that via card_mod, but it requires more than a single line in mods, so I suppose to would be appreciated by the community if Kiosk-mode could take care of that too.?

[elchininet]

Hey @Mariusthvdb,

What if you do something like this?:

card-mod-root-yaml: |
    .: |
      /* This hides the help button when in edit mode*/
      a.menu-link[target="_blank"] {
        {% if is_state('input_boolean.hide_help','on') %}visibility: hidden;{% endif %}
      }

[Mariusthvdb]

ooh, thats much better yes!

nice

[elchininet]

You can also add some negative margin to the element so the text gets closer to the Klaar button.

[Mariusthvdb]

how would we go about add that margin? ive always believed we could only hide/obfuscate the existing elements, not change its position there?

[elchininet]

Try this:

card-mod-root-yaml: |
    .: |
      /* This hides the help button when in edit mode*/
      a.menu-link[target="_blank"] {
        {% if is_state('input_boolean.hide_help','on') %}visibility: hidden;margin-right: -20px;{% endif %}
      }

Decrease the margin to get the elements closer.

[Mariusthvdb]

thank you, that is very nice indeed.
Ive added this to my card-mod-them, also in the hist:

      /* This hides the help button when in edit mode*/
      a.menu-link[target="_blank"] {
        {% if is_state('input_boolean.hide_edit_mode_help','on') %}
        visibility: hidden;
        margin-right: -30px;
        {% endif %}
      }

[elchininet]

btw, did you ever consider a toggle for moving the header to the footer? We can do that via card_mod, but it requires more than a single line in mods, so I suppose to would be appreciated by the community if Kiosk-mode could take care of that too.?

That was one of the functionalities of custom-header. I don‘t know if there are some forks alive nowadays, but it should not be included into kiosk-mode. Anything that falls outside of avoiding non-authorised users to interact with sensitive information is outside of the scope, mainly those that are a style change or a restructure of the layout.

[elchininet]

It would be good to revive that project, it had a lot of users that found it helpful. Let me know if you find some forks alive, if not that would be a good project to revive.

[Mariusthvdb]

agreed 100%
I believe I was one of the last one standing using it, until it really was borked by core HA.....

I use my card_mod_themes to do all of that stuff now, https://gist.github.com/Mariusthvdb/9069c8c4dcad6324035a679244bbfdf1 and it has always felt less robust than custom-header.
Dont believe any forks are alive, so yeah, if you would feel like it.... Id sure applaud that, and would be willing to test run anything.

[elchininet]

Whoa, that is a huge theme-mode 😅
Perfect, when I find some time, I‘ll try to work on it.