UI icon indicating copy to clipboard operation
UI copied to clipboard

Cards can't be aligned to left or right

Open drfinn15 opened this issue 2 years ago • 1 comments

Describe the bug For every card I add, it is not possible to align it to the left or right side on my dashboard (Screenshot 2). As an example, I used the code from the website. As you can see on the screenshot 1 below, it renders always a block on the left and right side, which does only allow to arrange the cards between them. Tested on my PC and Samsung Galaxy Tab A.

To Reproduce Steps to reproduce the behavior:

  1. Look at the attached code snippet
  2. Paste it into /config/ui_lovelace_minimalist/dashboard/ui-lovelace.yaml
  3. Reload UI Lovelace Minimalist
  4. Have a look on the dashboard.

Expected behavior Chip card is aligned to the right.

Screenshots (1) image (2) image

Additional context (Config)

---
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"

title: "UI Lovelace Minimalist"
theme: "minimalist-desktop"
background: "var(--background-image)"   
views: 
  - title: "Startseite"
    path: 0
    icon: "mdi:home"
    cards:
      - type: "horizontal-stack"
        cards:
          - type: "custom:button-card"
            color_type: blank-card
          - type: custom:button-card 
            template: chip_icon_label
            label: Your right card here

drfinn15 avatar Mar 28 '22 12:03 drfinn15

Have you tried to set the panel option to true?

Example:

---
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"

title: "dashboard"
theme: "minimalist-mobile"
panel: true
views: !include_dir_merge_list "views/"

SKis274 avatar Apr 19 '22 13:04 SKis274