Skip to content

Remove inline styles ("style={{ ... }}" attribute) #1894

@ani-kalpachka

Description

@ani-kalpachka

Describe the feature you'd like to request

We should remove the inlined "style={{}}" attribute from our code.

  • It happened to cause unwanted behaviour.
  • We need to be consistent in the way we apply styles. Currently we do it with styled (https://mui.com/system/styled/) or with the sx property (https://mui.com/system/getting-started/the-sx-prop/).
  • It is not cosidered a good practice in sense of maintainability, reusability, performance, consistency, caching, speed, debugging.
  • It is generally considered outdated.

Describe the solution you'd like

We can use styled and sx prop to adhere to the Material UI best practices of styling.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions