Let modify the "inverted" attribute for covers, to have 0 left - 100 right in the slider

McGiverGim · November 7, 2024, 9:24am

The Cover slider is to the left when 100%, and to the right when 0%. This is very “strange” and counter intuitive. I saw a discussion in the PR but I’m totally against this.
I think the “culprit” is this attribute:

github.com

home-assistant/frontend/blob/1e73cebda63b75272be8b58f77cdb31821b79ecf/src/panels/lovelace/card-features/hui-cover-position-card-feature.ts#L89


      
            "--state-cover-inactive-color": openColor,
          };
          
          return html`
            <ha-control-slider
              style=${styleMap(style)}
              .value=${value}
              min="0"
              max="100"
              step="1"
              inverted
              show-handle
              @value-changed=${this._valueChanged}
              .ariaLabel=${computeAttributeNameDisplay(
                this.hass.localize,
                this.stateObj,
                this.hass.entities,
                "current_position"
              )}
              .disabled=${this.stateObj!.state === UNAVAILABLE}
              .unit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position}

Maybe it can be made configurable?