Skip to content

[CB] Replace material ui with native css variables and tailwind utilities#4188

Merged
devnaumov merged 56 commits intodevelfrom
8433-cb-replace-material-ui-with-native-css-variables-and-tailwind-utilities
Apr 2, 2026
Merged

[CB] Replace material ui with native css variables and tailwind utilities#4188
devnaumov merged 56 commits intodevelfrom
8433-cb-replace-material-ui-with-native-css-variables-and-tailwind-utilities

Conversation

@sergeyteleshev
Copy link
Copy Markdown
Contributor

@sergeyteleshev sergeyteleshev self-assigned this Mar 3, 2026
@sergeyteleshev sergeyteleshev force-pushed the 8433-cb-replace-material-ui-with-native-css-variables-and-tailwind-utilities branch from 45a3d76 to 53ef45a Compare March 4, 2026 09:08
@sergeyteleshev sergeyteleshev marked this pull request as ready for review March 4, 2026 11:38
Copy link
Copy Markdown
Contributor

@SychevAndrey SychevAndrey left a comment

Choose a reason for hiding this comment

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

This is a big step forward to clean CSS in the project! Good job. 👍🏻
Please check noted places and let's try to use css nesting more and don't forget about layers.

Comment thread webapp/packages/core-theming/src/styles/utilities/elevation.css Outdated
Comment thread webapp/packages/core-theming/src/styles/utilities/switch.css Outdated
Comment thread webapp/packages/core-theming/src/styles/utilities/switch.css Outdated
Comment thread webapp/packages/core-theming/src/styles/utilities/switch.css Outdated
Comment thread webapp/packages/core-theming/src/styles/utilities/switch.css Outdated
Comment thread webapp/packages/core-theming/src/styles/_color.scss Outdated
*/

.cm-tooltip.cm-tooltip-autocomplete {
& > :global(ul) {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

you use :global here, but this css file is not .module.css
plus for plain css we should use @layer

Comment thread webapp/packages/plugin-codemirror6/src/theme/_base-code-editor-tooltip.css Outdated
Comment thread webapp/packages/plugin-codemirror6/src/theme/_base-code-editor.css Outdated
Comment on lines +35 to +41
background: var(--theme-sub-secondary) !important;
color: var(--theme-on-secondary) !important;
}

& li[aria-selected='true'] {
background: var(--theme-secondary) !important;
color: var(--theme-text-primary-on-light) !important;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

it wasn't !important in scss varian, why it changed?

devnaumov
devnaumov previously approved these changes Mar 30, 2026
Wroud
Wroud previously approved these changes Mar 30, 2026
Comment on lines +11 to +12
// Keep it so build can pass
export default ModuleRegistry.add({
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

please remove.
you also might need to remove "./module": "./lib/module.js", in the package.json
this file not required for the build

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

or if it's imported somwhere

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

removed

@sergeyteleshev sergeyteleshev dismissed stale reviews from Wroud and devnaumov via 93371fc March 30, 2026 16:28
* Licensed under the Apache License, Version 2.0.
* you may not use this file except in compliance with the License.
*/
@layer components {
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

we use @layer components across all components such as button, combobox, radio, please explain why do we need to remove it, because we cant delete logic like this, we should do it consistently across all files or fix it in different way

@codacy-production
Copy link
Copy Markdown

codacy-production Bot commented Mar 31, 2026

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

🟢 Metrics 0 complexity

Metric Results
Complexity 0

View in Codacy

TIP This summary will be updated as you push new changes. Give us feedback

devnaumov
devnaumov previously approved these changes Mar 31, 2026
* Reduce hover opacity in ripple effect

* Update ripple.css
@devnaumov devnaumov dismissed SychevAndrey’s stale review April 2, 2026 16:24

Comment was fixed

@devnaumov devnaumov merged commit ea36247 into devel Apr 2, 2026
9 of 10 checks passed
@devnaumov devnaumov deleted the 8433-cb-replace-material-ui-with-native-css-variables-and-tailwind-utilities branch April 2, 2026 16:24
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.

5 participants