Fix height of label and input on NcInputField

[JuliaKirschenheuter]

☑️ Resolves

• [BITV] 9.1.4.12/2.1 - Note: Text spacing adjustments - Line spacing: 1.5 times the text size; Paragraph spacing: 2 times the text size; Character kerning: 0.12 times the text size; Word spacing: 0.16 times the text size. (1) nextcloud/server#36977

Fix height for text spacing requirements. Checked with ARCToolkit.

🖼️ Screenshots

🏚️ Before	🏡 After

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable

[ShGKme]

What is the difference between 🏚️ Before and 🏡 After? 🤨

[JuliaKirschenheuter]

What is the difference between 🏚️ Before and 🏡 After? 🤨

truncated text

[susnux]

Why is the text clipped at the bottom? Also the input and the placeholder text is placed not where it should be (not related to the PR but seen on the screenshots. Something wrong is going on there).
And also the moved label is not centered, if you compare with that screenshot.

[susnux]

The increased height now causes this visual bug where the background overflows the bottom border for a short moment:

vokoscreenNG-2023-10-10_11-27-17.mp4

[raimund-schluessler]

@JuliaKirschenheuter Your branch is quite a bit behind master. You have to please update it and resolve the conflicts, otherwise a discussion is difficult, because the values you want to adjust have changed in master.

But nonetheless, I can confirm the problem. It also occurs in the styleguide. It happens because this rule

nextcloud-vue/src/components/NcInputField/NcInputField.vue

Line 441 in 481569b

height: 17px;

is overwritte by this rule

nextcloud-vue/src/components/NcInputField/NcInputField.vue

Line 475 in 481569b

height: 16px;

[JuliaKirschenheuter]

Thank you @raimund-schluessler and @susnux!

@susnux would you have some suggestions how to fix initial problem?

[JuliaKirschenheuter]

@susnux do we have any feedback from designers? How could we move forwards?

[jancborchardt]

@JuliaKirschenheuter @susnux I am not sure where design input is needed here? The bug seems to be merely CSS where the text is somehow set to overflow: none (or something similar). There should be no heightening of the input, but only fixing of the cutoff and/or white container size.

[susnux]

@jancborchardt it is about #4582

As that solution would fix this here without any adjustments. Meaning a design team decision on that issue (as requested by Marco)

[JuliaKirschenheuter]

issue was solved here: #4718