esphome / esphome/feature-requests

Web Server Component : slider bar linked to float output or light are very small on smartphone

Open
#2,523 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
450
Forks
29
PR merge metrics
No merged PRs in 30d

Description

**Describe the problem you have/What new integration you would like**

When using my smartphone and the web server, float output and light are managed with a slider bar. I would like the sliderbar to be larger, at least half the size of the screen.

**Please describe your use case for this integration and alternatives you've tried:**

On the smartphone, the slider bar is very small, quiet like the size of a the on/off button. The result is that it is quiet impossible to move the slider on the bar. When the smartphone is in landspake mode, the debug window moves from bellow the component array to its right, so the component array and the slider stay the same size. Zoom does not work on smarphone. When switching to version for computer, the zoom becomes active but not very confortable.

**Additional context**

On the first print screen the sliderbar is about 2 inches = 5 cm.
On the second and third print screen the sliderbar is about 1/2 inch = 1 cm.

![WebServer01](https://github.com/esphome/feature-requests/assets/154013436/093356c1-29c7-4a71-a8da-9ace78b2cfb8)
![WebServer02](https://github.com/esphome/feature-requests/assets/154013436/6b4021ce-377d-4357-b73b-b792ab4ef35b)
![WebServer03](https://github.com/esphome/feature-requests/assets/154013436/0d025c60-336a-4c3d-8cc8-6dd6e8657e20)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the issue description and the three smartphone screenshots, focusing on the slider size in portrait and landscape layouts. Done means the float and light controls are substantially easier to operate on a smartphone, with the requested larger slider behavior verified in both orientations.

Written by the indexing model from the issue text.

Assessment

Domain
frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
28/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.