lovelace-header-cards icon indicating copy to clipboard operation
lovelace-header-cards copied to clipboard

After 2024.4 header-cards moved to the last halv section of the header

Open boheme61 opened this issue 1 year ago • 3 comments

After looking deeper into my "issue" i noticed that the "justify_content" indeed work as expected, but all the cards were "moved" to the "second half" of the header ( i've always had it "justify_c: start ) ... to the most left side of the Header.

I'll attach pic to visualize it:

It'll go back to the orig "location" when roll back the initial update ( however this is not possible anymore as i have made other changes, do to 2040.4 now) As shown in first pic, Somehow all cards were moved( to start after mid section)

banner_card_1 header_start

boheme61 avatar Apr 16 '23 08:04 boheme61

Another View: header_start header

boheme61 avatar Apr 16 '23 09:04 boheme61

Still no comments regarding this behavior ?, or is it only in my "various" browsers + mobile app, or is this "justify left" totally broken ( regardless if using "justify-content: flex-start;" ) ?

boheme61 avatar Aug 25 '23 09:08 boheme61

FWIW , i made the required changes my self, not sure whether you have made these changes, or the ha-devs UI changes caused this "forced right alignment"


i changed in the .js : justify_content||"right"; to justify_content||"left";

AND

style.flex="0" to style.flex="1" (flex:grow)

As for some reason this wasn't possible to change with either card-settings nor card_mod

boheme61 avatar Aug 26 '23 07:08 boheme61