refactor(*): bundle styles with components - #15125
Merged
Merged
Conversation
…onality - Refactored styling in Indigo, DropDown, Chips, and Grids samples - Removed unused and duplicate properties in date-range-picker sample, simplifying configuration. - Updated date-range-picker sample layout for a cleaner and more streamlined structure.
…simplify sample templates
- Removed `aspect-ratio: 1` from FAB button styles since it courses a visual bug in the samples repo where the buttons that have text + icon become to tall. - Added `width: 100%` to button-group items for better container alignment if the buttongroup itself has display of inline block adn a hardcoded width.
- Updated `themed-block` calls in date-range-picker themes to use correct theme references (Material and Fluent). - Set `--aside-padding` for Fluent theme in demos settings. - Refined styles in `pageHeading` component and updated `igx-input-group` to use `display: block grid`. - Replaced `--_range-border-style` with `--_preview-border-style` in calendar days view styles.
…ge-picker - Adjusted row and column templates for date-range-picker across themes for consistent alignment. - Updated sample structure and styles to enhance readability and showcase use cases. - Simplified SCSS variables and removed redundant styles in input-group and date-picker themes. - Refined HTML and SCSS in samples for improved layout structure and maintainability.
…yles # Conflicts: # package.json # projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss # projects/igniteui-angular/core/src/core/styles/components/grid/_grid-component.scss # projects/igniteui-angular/core/src/core/styles/components/grid/_header-row-component.scss
…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.
…components and directives
Member
Add `$not: bool` modifier exclusion to the fixed-width, non-resizable td selector so boolean column cells no longer pick up the `fw` modifier styles meant only for other fixed-width columns.
Prefix the and/or expression-group flat button color custom properties with ig-flat-button- so they target the scoped button theme variables instead of the previous unscoped names that no longer applied after the button theme's variable scoping change.
The scope redeclared the full calendar token set on the picker element inside igx-month-picker, shadowing any override set on the host.
…ction issue on Firefox
- adds `hasBadInput` check to ensure proper handling of invalid user input in `type="number"` and similar inputs.
…updates - Adds a new sample demonstrating cascading combo functionality within a grid. - Includes dynamic data updates for regions and cities based on country selection. - Provides a visual progress indicator for async data loading.
Contributor
Member
Author
Contributor
ChronosSF
approved these changes
Aug 14, 2026
This was referenced Aug 19, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.






Closes #13770, #16794
Additional information (check all that apply):
Checklist:
feature/README.MDupdates for the feature docsREADME.MDCHANGELOG.MDupdates for newly added functionalityng updatemigrations for the breaking changes (migrations guidelines)