diff --git a/src/elements/loading-indicator-circle/loading-indicator-circle.scss b/src/elements/loading-indicator-circle/loading-indicator-circle.scss index 9f7c6139ca..0f4f57929a 100644 --- a/src/elements/loading-indicator-circle/loading-indicator-circle.scss +++ b/src/elements/loading-indicator-circle/loading-indicator-circle.scss @@ -58,12 +58,6 @@ overflow: hidden; border-radius: 50%; background: var(--sbb-loading-indicator-circle-background); - // stylelint-disable-next-line property-no-vendor-prefix - -webkit-mask: radial-gradient( - circle 0.4375em, - #0000 98%, - var(--sbb-loading-indicator-circle-background-color) - ); mask: radial-gradient( circle 0.4375em, #0000 98%, diff --git a/src/elements/loading-indicator-circle/loading-indicator-circle.stories.ts b/src/elements/loading-indicator-circle/loading-indicator-circle.stories.ts index 955e4e3586..acabba3db6 100644 --- a/src/elements/loading-indicator-circle/loading-indicator-circle.stories.ts +++ b/src/elements/loading-indicator-circle/loading-indicator-circle.stories.ts @@ -75,18 +75,6 @@ export const Default: StoryObj = { args: { ...defaultArgs }, }; -export const Smoke: StoryObj = { - render: Template, - argTypes: defaultArgTypes, - args: { ...defaultArgs, color: color.options![1] }, -}; - -export const White: StoryObj = { - render: Template, - argTypes: defaultArgTypes, - args: { ...defaultArgs, color: color.options![2] }, -}; - export const Accessibility: StoryObj = { render: TemplateAccessibility, argTypes: defaultArgTypes, diff --git a/src/elements/loading-indicator/readme.md b/src/elements/loading-indicator/readme.md index 3a8437d3e8..1d2cb4b853 100644 --- a/src/elements/loading-indicator/readme.md +++ b/src/elements/loading-indicator/readme.md @@ -1,6 +1,5 @@ The `sbb-loading-indicator` is a component which can be used to indicate progress status or an ongoing activity which require some time to complete. -The component completely covers the parent element, preventing interaction with it. ### Style