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(ui): url step for steps component EBS-1316 #225

Conversation

MihkelPaloots
Copy link
Contributor

No description provided.

@@ -1,10 +1,11 @@
export type CircleTheme = 'dark' | 'light';
export type CircleTheme = 'dark' | 'light' | 'dark-filled';
Copy link
Contributor

@ceisipeik ceisipeik Apr 3, 2024

Choose a reason for hiding this comment

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

Just a thought, that instead of new theme 'dark-filled', this can also be achieved with

  1. theme = 'light'
  2. severity = 'info'
  3. and adding a style attribute to the cvi-ng-circle component with the custom border colour (same as 'info' background) style="--cvi-circle-border-color: --cvi-color-sea-green-10"

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good idea! Implemented!

@@ -29,13 +30,23 @@ export const circleThemePropertyGroups: CircleThemePropertyGroup[] = [
properties: {
'--border-color': '--cvi-color-sapphire-blue-13',
'--color': '--cvi-color-sapphire-blue-13',
'--background-color': 'transparent',
Copy link
Contributor

Choose a reason for hiding this comment

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

Just in case check if adding custom border colour with themes 'dark' and 'light' still work, now that the --background-color is defined here.

@certainlyakey certainlyakey merged commit df0fb98 into e-gov:main Apr 5, 2024
3 checks passed
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.

3 participants