#1 2025-04-08 08:22:18

msone
Member
2025-04-08
3

msone

I am running a closed Piwigo 15.5.0 with the Bootstrap theme 15.b. On the login page, which is displayed to all visitors on the start page, the login has been very difficult for some time because the labels of the input fields do not disappear after the login data has been output. This makes it very difficult to read the data entered, which is a major problem for some of my users. This occurs on all browsers.

https://filedn.eu/lJEGWD6XBXeFLUycDKLr4Bu/SCR-20250408-hqgw.png

What can I do to change this behavior?

Piwigo 15.5.0
Linux
PHP: 8.2.27-nmm1
MySQL: 10.6.21-MariaDB-0ubuntu0.22.04.2-log
ImageMagick ImageMagick 6.9.11-60

Last edited by msone (2025-04-10 13:23:05)

Offline

 

#2 2025-04-08 10:38:40

erAck
Only trying to help
2015-09-06
2207

Re: msone

Looks like a bad themes/bootstrap_darkroom CSS and the form field label being displayed inside the field, along with the placeholder that vanishes when typing. It is moved to outside the field if the bmd-label-static class is removed from the label element. Don't ask me where|what to change in the bootstrap_darkroom theme..


Running Piwigo at https://erack.net/gallery/

Offline

 

#3 2025-04-08 16:40:23

OHappyDay
Member
2023-02-08
110

Re: msone

There is padding on the div element

.bmd-form-group {
  padding-top: 0;
}

that should be removed. Without the above setting the label and placeholder elements are well-placed.

Offline

 

#4 2025-04-08 18:54:57

msone
Member
2025-04-08
3

Re: msone

Thank you very much! How can I change this so that it remains after an update of the theme?

Offline

 

#5 2025-04-08 22:43:17

OHappyDay
Member
2023-02-08
110

Re: msone

This css setting seems to be in one of the zillions of .css files in the /_data/combined folder. I don't know how they are generated and how the bootstrap darkroom theme is involved in this.

Offline

 

#6 2025-04-09 07:37:59

msone
Member
2025-04-08
3

Re: msone

I have now anchored it as custom-css in the theme settings, but have also written an issue for it in Github. The code that works for me now is this:

.bmd-form-group {
padding-top: 2em;
}

Thanks again for the quick help.

Offline

 

#7 2025-04-09 12:00:10

OHappyDay
Member
2023-02-08
110

Re: msone

Thanks for mentioning this. The custom css works also for me.

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2025 · Contact