phpmyadmin icon indicating copy to clipboard operation
phpmyadmin copied to clipboard

phpMyAdmin login page - Language: German - username and colon behind not in the same line.

Open tachtler opened this issue 2 years ago • 6 comments

Describe the bug

If the language of the phpMyAdmin login page is set to German, the colon behind the Benutzername (username) is displayed in the next line, i.e. there is not enough space to display the word Benutzername (username) and the colon behind it in one line.

To Reproduce

Steps to reproduce the behavior:

  1. Go to login page of phpMyAdmin
  2. Click on Language and set it to Deutsch - German
  3. See the problem occurs

Expected behavior

The display of the Benutzername (username) and the colon behind it should be in one line.

Screenshots

image

Server configuration

  • Operating system: ArchLinux
  • Web server: Apache2
  • Database version: 11.1.2-MariaDB - Arch Linux
  • PHP version: 8.2.11
  • phpMyAdmin version: 5.2.1

Client configuration

  • Browser: Firefox 118.0.2 (64-bit)
  • Operating system: ArchLinux

Additional context

None

tachtler avatar Oct 14 '23 17:10 tachtler

Hi @tachtler I could not reproduce this issue at all, and I checked the translation does not have a space 🤔 How did you install phpMyAdmin ?

Can you try the latest 5.2 version in development (phpMyAdmin 5.2+snapshot) also available as a non official docker image ?

williamdes avatar Oct 15 '23 17:10 williamdes

Hi @williamdes,

i've installed it under Archlinux from the extras repo on Archlinux.

This is, what I have done:

https://dokuwiki.tachtler.net/doku.php?id=tachtler:phpmyadmin_archlinux

I can try the latest version tomorrow, promise!

Thank you in advance, Klaus.

p.s. The screenshots inside the Wiki are panipulated, because it's a Wiki, you know? :-)

tachtler avatar Oct 15 '23 17:10 tachtler

Can you tell us the exact font-family that is used there? image

Looks like in your case a very wide font is being used. Too wide and it will wrap to a new line. As a workaround you can increase the width of the form in themes/pmahomme/css/theme.css

body#loginform div.container {
    width: 32em; /* instead of 30em */
}

MoonE avatar Oct 15 '23 18:10 MoonE

Hi @MoonE,

thank you for your advice, here is the result: Verdana

image

Maybe I should install more Fonts on my Laptop, but maybe there is a programming solution for that?

Thank you, Klaus.

p.s. This is the standard configuration for Fonts on my Firefox on ArchLinux:

image

( If I switch to Liberation Sans, it works like on your screenshot )

tachtler avatar Oct 16 '23 10:10 tachtler

@williamdes is it necessary to test 5.2.2 ?

tachtler avatar Oct 31 '23 08:10 tachtler

The problem is the fixed column width of the labels. Some other languages have even longer labels. Ideally the label width should adjust to the text width. Happens in master and latest v5.2.

MoonE avatar Oct 31 '23 19:10 MoonE