Page MenuHomePhorge

Fix the various CSS inconsistencies of phui tags
Open, Needs TriagePublic

Description

Just take a look at the UI examples: https://we.phorge.it/uiexample/view/PHUITagExample/

The range of the height of the tags range from 19px to 21px. You will see that these inconsistencies will bleed out into various aspects of UI:

image.png (46×288 px, 2 KB)

image.png (72×220 px, 3 KB)

My solution would be: Give tags a fixed height and change the method of the centering the content from using vertical padding to inline-flex. So it would only take the change of height to make bigger or smaller tags. No fiddeling around anymore with paddings.

Event Timeline

Just as a reminder for me: Using a css variable for the height of the tags would be best. I could be overwritten at any point.

bekay renamed this task from Fix the various inconsistenies of phui tags to Fix the various inconsistencies of phui tags.Feb 12 2024, 16:49
bekay updated the task description. (Show Details)
aklapper renamed this task from Fix the various inconsistencies of phui tags to Fix the various CSS inconsistencies of phui tags.Thu, May 2, 13:31