🔹 Card-mod - Super-charge your themes!

KTibow · October 9, 2020, 5:09pm

Well if you really want to lose ability to edit the UI, here I go editing the wiki…

Pirol62 · October 9, 2020, 5:18pm

Yes. I not want lo loose ability to edit UI. I want to keep it even when the header is shrinked.

tom_l · October 9, 2020, 5:18pm

What?

No, that is the problem. By hiding the header we lose the ability to edit the UI. That is the functionality we want back.

KTibow · October 9, 2020, 5:20pm

It’s not hiding the header.
It’s making it compact, you keep the edit mode:

@Pirol62 where should it be moved?
Really sorry if I’m having a hard time understanding your issue.

KTibow · October 9, 2020, 5:37pm

Bug report: card-mod-view has stopped working in 0.116, it needs to account for hui-masonry-view.
Another bug report: You can’t style an element inside of shadow roots if it gets deleted and recreated.

tom_l · October 9, 2020, 5:48pm

Right. There’s the confusion. You are talking about something completely different. We are talking about adding this to our theme:

  card-mod-root: |
    app-toolbar {
      display: none;
    }

And the fact that it makes the UI uneditable.

KTibow · October 9, 2020, 5:50pm

Oh. If you use the compact header option instead that should basically do the same thing, but with hiding it in a different way and applying more styles. It does that by setting height to 0 for app-toolbar, and using position to move away the buttons back into usable range.

KTibow · October 9, 2020, 6:56pm

For the compact header option on the bottom with mobile, does the overflow menu, voice button, and sidebar button matter to you, or do you like a clean, empty header?

I like buttons
I like a clean header
Other, will write down below

0 voters

ASNNetworks · October 9, 2020, 6:59pm

I’m not sure what yes or no refer to, so I chose other: no the buttons don’t matter, yes I want a clean empty header

If the majority does want the buttons, I underatand. I would very much appreciate the code in that case to implement it myself.

KTibow · October 9, 2020, 7:00pm

Sorry, fixed that.

thomasloven · October 9, 2020, 7:05pm

The hui-view element has changed the way it works.
Card-mod is still applied to the same place, and should still be applied to the same place - that way it can work even with the new custom views - but themes need to be changed.

@tom_l Next time someone asks someone for a screenshot of what is happening and you’re someone else and have a screenshot of nothing happening (?) when you don’t even do anything(?), and certainly not the thing that’s discussed (?) - try to provide some context right away and you’ll save us all some time.

atomicpapa · October 9, 2020, 7:50pm

I have the whole Soft UI cocept going on a few different dashboards designed for different formats and all are using KTibow’s dark and light theme set appropriately for sun.sun state with an automation. My problem is that I need some things happening on different dashboards based on the user signed in. How can I, for example, completely disable Header and sidebar for user X but only on Dashboard A? I know I could assign the devices using dashboard A their own theme, but then I lose the dark/light autochanging automation since it will no longer be backend selected. I’m currently at the dentist office with my 3 kids and typing this on my phone, so hopefully it makes sense. Lol

Edit: edited for your sanity… Some stuff made no sense.

KTibow · October 9, 2020, 7:51pm

Using Jinja2 templates

atomicpapa · October 9, 2020, 7:54pm

Ok but you are never allowed to update your themes again because having to re add all my custom stuff everytime you improve your themes would drive me around the bend. Deleting the single column stuff everytime is enough. Lol

KTibow · October 9, 2020, 7:55pm

Themes weren’t designed for this. Someone needs to add a mod that lets you define jinja2 variables that themes can use

atomicpapa · October 9, 2020, 7:56pm

Agreed. Someone please take over Custom Header. That’s how I do all this now.

And, yes, I realize I am being a whiney little baby man right now.

pollinolas · October 9, 2020, 9:45pm

Regarding the survey … in my case what I use is the mobile, I would like a header with only the side menu button

KTibow · October 9, 2020, 9:49pm

Okay, so making a new survey. Check all buttons you still want around on mobile devices. (On desktop it won’t change)

None at all
Sidebar button
Voice button
Overflow button (think: button you press that opens a menu so you can edit the dashboard)

0 voters

DavidFW1960 · October 9, 2020, 10:02pm

This is pretty much what I was getting at yesterday.

gonzotek · October 9, 2020, 10:14pm

I’m probably only going to add to the confusion, and I’m sorry in advance for that :-).
But what I want is:

On mobile, where horizontal screen real-estate is so very precious: none at all
On desktop, where I have plenty of horizontal and do all my editing: overflow button
Thank you for any/all efforts!!!