1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-18 11:14:57 +02:00
unleash.unleash/frontend/src/component/common/ConstraintsList
Thomas Heartman 691a9e6e57
fix: appropriately size case icon for non-editing constraints (#9869)
This fixes an issue where the "case sensitive" chip for existing
constraints was way too big. The underlying reason is that I switched
the icon for one with more padding to give it a consistent size with the
"not case sensitive" icon (PR:
https://github.com/Unleash/unleash/pull/9851).

The fix here is:
1. Add a viewBox to the SVG to let it scale properly.
2. Make the containing box stretch to fill the height of it's flex
container.
3. Use a size for height that doesn't grow too large.

Before:
<img width="137" alt="image"
src="https://github.com/user-attachments/assets/f23043f7-76a9-48c4-9f5c-c50371c24f72"
/>

After:
<img width="178" alt="image"
src="https://github.com/user-attachments/assets/cc2f8109-21ed-4070-b4bc-7c94be5b8e8d"
/>
2025-04-30 08:37:16 +00:00
..
ConstraintItemHeader fix: appropriately size case icon for non-editing constraints (#9869) 2025-04-30 08:37:16 +00:00
ConstraintSeparator feat: styling of AND operator in strategies (#9726) 2025-04-09 11:00:05 +03:00
StrategyEvaluationChip feat: improve constraints item on small screens (#9609) 2025-03-27 13:33:25 +01:00
StrategyEvaluationItem Feat: update variants placement (#9832) 2025-04-24 16:01:35 +02:00
ValuesList feat: improve constraints item on small screens (#9609) 2025-03-27 13:33:25 +01:00
ConstraintsList.tsx chore: Set up the basis of the new constraint editing component. (#9701) 2025-04-07 14:50:42 +02:00