Skip to content

refactor(*): bundle styles with components#15125

Draft
simeonoff wants to merge 228 commits intomasterfrom
simeonoff/scoped-styles
Draft

refactor(*): bundle styles with components#15125
simeonoff wants to merge 228 commits intomasterfrom
simeonoff/scoped-styles

Conversation

@simeonoff
Copy link
Copy Markdown
Collaborator

@simeonoff simeonoff commented Dec 2, 2024

Closes #13770

Additional information (check all that apply):

  • Bug fix
  • New functionality
  • Documentation
  • Demos
  • CI/CD

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them

simeonoff and others added 30 commits November 6, 2024 17:27
desig9stein and others added 30 commits March 25, 2026 13:41
…mponent for updated imports and module configuration
- Removed redundant SCSS properties related to grid cell editing and header styles.
- Ensured consistent styling for filtered icons across themes.
- Added `background` property to filtering row for improved theme support.
- Consolidated and adjusted icon size definitions for Fluent, Material, Indigo, and Bootstrap themes.
- Restored misplaced grid row and cell styling blocks for improved structure.
- Corrected comment formatting and removed commented-out code for clarity
…date dependencies

- Removed unused `IgxIconComponent` imports and redundant SCSS styles for better maintainability.
- Updated sample layout in `grid-multi-row-layout` for improved readability and consistent structure.
- Adjusted `grid` and `properties-panel`
…ta.2` and switch to Material theme variables

- Updated `igniteui-theming` dependency to `v25.1.0-beta.2` in `package.json` and `package-lock.json`.
- Revert Indigo theme with Material theme
…yles

# Conflicts:
#	package-lock.json
#	package.json
#	projects/igniteui-angular/combo/src/combo/combo.component.html
#	projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html
- Replaced `.icon--filtered` with `.igx-excel-filter__icon--filtered` in all themes.
- Added `display: inline-flex` style for filtered icon in base theme.
- Removed unnecessary `@extend` statement in `_base.scss`
… externally

  When wrapper components (e.g. combo) project hints into the input-group,
  Angular's @ContentChildren re-evaluation during change detection would
  overwrite the hints set via the setter, causing the @if (hasHints)
  condition to momentarily evaluate to false and destroy the hint DOM.
  Separate @ContentChildren hints (_ownHints) from externally set hints
  (_externalHints) so they no longer conflict during change detection.
…ceholder

- Removed unused SCSS styling for `igx-input-group` in `drop-down.sample.scss`.
- Added `placeholder` attribute to input in `drop-down.sample.html`.
- Updated grid styles in `_base.scss` for consistency and simplified border styling.
…styling

- Replaced old SCSS structure with CSS Grid for modernized layout and consistency.
- Introduced property panel for dynamic PDF export configuration.
- Simplified and consolidated export functionality with `PropertyChangeService` integration.
- Enhanced toolbar structure for better usability across all grid types.
- Merged and streamlined SCSS structure for grid toolbar themes.
- Removed redundant dark and light list/toolbar styling files.
- Adjusted `_base.scss` to use unified theme tokens for consistency.
- Cleaned up unused variables and improved maintainability.
…yles

# Conflicts:
#	projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss
#	projects/igniteui-angular/directives/src/directives/drag-drop/drag-drop.spec.ts
- added `--_bundle-row` and `--_hint-row` variables for `.igx-input-group:has(:not(.igx-input-group__label))`.
- Ensured consistency across base and material theme SCSS files.
…ayout

- Switched from custom flexbox layouts to responsive CSS Grid for cleaner structure and better alignment.
- Replaced old `items-wrapper` and related styles with streamlined `:host`-based grid layout.
- Unified button and form sample styles using updated variables and semantic class names.
- Integrated Ignite UI Material theme tokens for consistency.
- Adjusted SCSS imports for modularity and removed redundant encapsulation.
…amples

- Replaced `border` with `border-block` in navigation drawer popover.
- Added styles for input group `bundle-main` to improve input accessibility.
- Updated panel configuration labels and default values for better clarity.
- Added scroll bar color adjustments in the main navigation styling.
- Added color, font size, and line height to improve label readability and alignment with theme standards.
…nversion

- Replaced `rgbToHex` with `colorToHex` using a canvas for accurate conversion of all CSS color formats.
- Ensure `canvasCtx` is properly initialized and cleared for reliable handling.
…yles

# Conflicts:
#	projects/igniteui-angular/grids/grid/src/grid-filtering-ui.spec.ts
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.

Themes: Scope component styles to component

6 participants