s00500 / ESPUI

A simple web user interface library for ESP32 and ESP8266

Home Page:https://valencia.lbsfilm.at/midterm-presentation/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Feedback when pressing a button

kbssa opened this issue · comments

commented

I would like to add feedback when pressing a button.

Is that possible ?

Thank you for the awesome library

Definitely, what kind of feedback do you think of ?

This repo is open for PRs, but I wont have time for working on it myself

commented

I thought of something like change the the button color when pressing down.

The buttons are static and because of that I don't know if the button was really touched or not.

Hope you understood in what I thought.

There are a lot of ways to achieve this. I simply added the following to style.css.

button:active {
  background-color: #666666;
  transform: translateX(4px) translateY(4px);
}

Much more fancy CSS transitions are available but this works on basically anything and provides sufficient feedback to show that a button has been pressed.

Sounds like a nice addition, it is now merged with your PR :-) So I guess we can close this

@iangray001, Thank you for adding this. Button presses look much better.

Feature idea: The Pad Control button brightness changes slightly when the mouse hovers over them. It would be great if they also changed when pressed, like you did with the Button control. Any chance you can do your magic on the Pads?

  • Thomas