diff --git a/src/assets/styles/common-chips.scss b/src/assets/styles/common-chips.scss new file mode 100644 index 0000000..8d035e0 --- /dev/null +++ b/src/assets/styles/common-chips.scss @@ -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; +} diff --git a/src/assets/styles/common-radio.scss b/src/assets/styles/common-radio.scss deleted file mode 100644 index bf497f1..0000000 --- a/src/assets/styles/common-radio.scss +++ /dev/null @@ -1,8 +0,0 @@ -.mat-radio-group { - display: flex; - flex-direction: column; -} - -.mat-radio-button:not(:last-child) { - margin-bottom: 8px; -} diff --git a/src/assets/styles/common-styles.scss b/src/assets/styles/common-styles.scss index 32e302f..7e22721 100644 --- a/src/assets/styles/common-styles.scss +++ b/src/assets/styles/common-styles.scss @@ -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';