RED-5875: Upgrade to new Angular Material components (chips)

This commit is contained in:
Adina Țeudan 2023-02-28 23:31:47 +02:00
parent 7ca5db9cee
commit 03eedf10c8
3 changed files with 67 additions and 9 deletions

View File

@ -0,0 +1,66 @@
@use 'common-mixins';
mat-chip-listbox {
box-sizing: border-box;
height: calc(var(--height) - 40px);
overflow-x: hidden;
overflow-y: auto;
@include common-mixins.scroll-bar();
.mat-mdc-chip-set {
height: 100%;
align-items: flex-start;
flex-direction: column;
flex-wrap: nowrap;
}
}
.mdc-evolution-chip-set mat-chip-option.mat-mdc-standard-chip {
background-color: var(--iqser-background);
color: var(--iqser-text);
border-radius: 4px;
margin: 0 0 2px 0;
padding: 0 12px;
transition: background-color 0.2s;
cursor: pointer;
.selected-mark {
display: none;
}
&:hover {
background-color: var(--iqser-not-disabled-table-item);
}
&.mat-mdc-chip-selected {
background-color: var(--iqser-btn-bg);
.selected-mark {
display: block;
}
}
}
.mdc-evolution-chip__action {
width: 100%;
}
.mdc-evolution-chip__text-label {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.mdc-evolution-chip__graphic {
display: none !important;
}
.mat-mdc-chip-list--disabled {
pointer-events: none;
color: var(--iqser-grey-5);
}
.mdc-evolution-chip-set__chips {
margin-left: 0 !important;
}

View File

@ -1,8 +0,0 @@
.mat-radio-group {
display: flex;
flex-direction: column;
}
.mat-radio-button:not(:last-child) {
margin-bottom: 8px;
}

View File

@ -12,6 +12,7 @@
@use 'common-breadcrumbs';
@use 'common-autocomplete';
@use 'common-checkbox';
@use 'common-chips';
@use 'common-controls';
@use 'common-help-mode';
@use 'common-list';
@ -27,6 +28,5 @@
@use 'common-tooltips';
@use 'common-file-drop';
@use 'common-side-nav';
@use 'common-radio';
@use 'common-color-picker';
@use 'common-skeleton';