Skip to content

Hline (hlines option) protrudes #109

@Yamawine408

Description

@Yamawine408

I am sorry if this issue was previously discussed.

As shown in the snapshot below, horizontal line is extended to come up to the horseshoe (both sides). This snapshot was taken from the dashboard.

Image

Strangely, the line does not protrude in the editing dialog of the card (see below).

Image

Here is the YAML setting;

`type: custom:flex-horseshoe-card
entities:

  • entity: sensor.thi_living
    decimals: 0
    name: Living
    area: Living
  • entity: sensor.living_sensor
    attribute: temperature
    decimals: 0
    unit: °C
  • entity: sensor.living_sensor_humidity_2
    attribute: humidity
    decimals: 0
    unit: "%"
    show:
    horseshoe_style: lineargradient
    scale_tickmarks: false
    layout:
    hlines:
    • id: 0
      xpos: 50
      ypos: 36
      length: 15
      styles:
      • stroke: var(--primary-text-color);
      • stroke-width: 2;
      • stroke-linecap: round;
      • opacity: 0.7;
        states:
    • id: 0
      entity_index: 0
      xpos: 50
      ypos: 30
      styles:
      • font-size: 2em;
    • id: 1
      entity_index: 1
      xpos: 17
      ypos: 58
      styles:
      • text-anchor: start;
      • font-size: 3em;
    • id: 2
      entity_index: 2
      xpos: 55
      ypos: 58
      styles:
      • text-anchor: start;
      • font-size: 3em;
        areas:
    • id: 0
      entity_index: 0
      xpos: 50
      ypos: 80
      styles:
      • font-size: 1.5em;
      • opacity: 1;
        horseshoe_scale:
        min: 45
        max: 90
        color_stops:
        "45": aqua
        "90": orange
        card_filter: card--dropshadow-light`

This is not a serious issue, but I will be happy if you fix this.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions