RED-5875: Upgrade to new Angular Material components (chips)
This commit is contained in:
parent
7ca5db9cee
commit
03eedf10c8
66
src/assets/styles/common-chips.scss
Normal file
66
src/assets/styles/common-chips.scss
Normal 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;
|
||||
}
|
||||
@ -1,8 +0,0 @@
|
||||
.mat-radio-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.mat-radio-button:not(:last-child) {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@ -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';
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user