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.May 2 2024, 13:31