Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(ui5-badge): add different design types #7564

Merged
merged 59 commits into from
Jan 9, 2024
Merged

Conversation

TeodorTaushanov
Copy link
Member

@TeodorTaushanov TeodorTaushanov commented Sep 8, 2023

No description provided.

@TeodorTaushanov TeodorTaushanov changed the title feat(ui5-badge): add different design types PoC - feat(ui5-badge): add different design types Sep 28, 2023
@TeodorTaushanov TeodorTaushanov requested review from a team and vladitasev September 28, 2023 07:04
@property({ type: ValueState, defaultValue: ValueState.None })
valueState!: `${ValueState}`;

/**
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we combine this with colorScheme property. Both actually have colors from 1 to 10 and we can reuse the same enumeration?

* @alias sap.ui.webc.main.types.BadgeDesignType
*/
enum BadgeDesignType {
/**
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe ColorSet1, ColorSet2, ColorSet3 and ValueState or Semantic?
lets discuss in the meeting

* @public
*/
@property({ defaultValue: BadgeDesignType.ColorScheme })
designType!: `${BadgeDesignType}`;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should we use just "design"? we already have "design" in other controls

@github-actions github-actions bot added the Stale label Nov 1, 2023
@github-actions github-actions bot closed this Nov 9, 2023
@github-actions github-actions bot removed the Stale label Nov 10, 2023
packages/main/src/Badge.ts Outdated Show resolved Hide resolved
packages/main/src/i18n/messagebundle.properties Outdated Show resolved Hide resolved
packages/main/src/types/BadgeDesign.ts Outdated Show resolved Hide resolved
packages/main/src/types/BadgeDesign.ts Outdated Show resolved Hide resolved
packages/main/src/types/BadgeDesign.ts Outdated Show resolved Hide resolved
Copy link

@BorisDafov BorisDafov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

From UA perspective, I approve the changes.

Copy link
Contributor

@elenastoyanovaa elenastoyanovaa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Property names for the indication colors and the overall approach is OK from MessageStrip side.

@TeodorTaushanov TeodorTaushanov merged commit e5895f7 into main Jan 9, 2024
16 of 20 checks passed
@nnaydenow nnaydenow deleted the badge_interactive branch January 11, 2024 09:11
PetyaMarkovaBogdanova pushed a commit that referenced this pull request Jan 17, 2024
* feat(ui5-badge): add different design types
kgogov added a commit that referenced this pull request Mar 29, 2024
This commit rectifies the badge alignment inside the avatar that was
disrupted after commit #7564. The badge is now properly aligned within
the avatar enhancing its visual appeal.

Fixes: #8491
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants