search

UI-Lovelace-Minimalist / UI

UI-Lovelace-Minimalist is a "theme" for HomeAssistant
https://ui-lovelace-minimalist.github.io/UI/
Other
1.68k stars 439 forks source link

Cards can't be aligned to left or right #557

Open drfinn15 opened 2 years ago

drfinn15 commented 2 years ago

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
SKis274 commented 2 years ago

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/"