diff --git a/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss index 8982e8274fa..a2fe00c3c0a 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss @@ -222,20 +222,6 @@ } @if $variant == 'bootstrap' { - .igx-input-group--disabled { - %igx-combo__toggle-button { - border-inline-start-width: rem(1px); - border-inline-start-style: solid; - border-inline-start-color: inherit; - } - } - - igx-suffix:not(.igx-combo__clear-button) + %igx-combo__toggle-button { - border-inline-start-width: rem(1px); - border-inline-start-style: solid; - border-inline-start-color: inherit; - } - .igx-input-group__bundle::after { height: rem(1px) !important; } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss index 79c4d9309da..d04619c41c8 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss @@ -2248,6 +2248,24 @@ min-height: 0; height: calc(100% - #{rem(8px)}); } + } + + %form-group-prefix--disabled-bootstrap:not(:first-child) { + border-inline-start-color: var-get($theme, 'disabled-border-color'); + } + + %form-group-suffix--disabled-bootstrap:not(:last-child) { + border-inline-end-color: var-get($theme, 'disabled-border-color'); + } + + @if $variant == 'bootstrap' { + %form-group-prefix:not(:first-child) { + border-inline-start: rem(1px) solid var-get($theme, 'border-color'); + } + + %form-group-suffix:not(:last-child) { + border-inline-end: rem(1px) solid var-get($theme, 'border-color'); + } } } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss index 0829bce9fad..06dcc809c9d 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss @@ -78,22 +78,6 @@ display: block; } - @if $variant == 'bootstrap' { - .igx-input-group--disabled { - %igx-select__toggle-button { - border-inline-start-width: rem(1px); - border-inline-start-style: solid; - border-inline-start-color: inherit; - } - } - - igx-suffix + %igx-select__toggle-button { - border-inline-start-width: rem(1px); - border-inline-start-style: solid; - border-inline-start-color: inherit; - } - } - .igx-input-group { %igx-select__toggle-button { background: var-get($theme, 'toggle-button-background');