Róbert Kiss
15df8d7129
* feat: replace ng2-select2 => ngx-select-ex * feat: style the ngrx-select * feat: replace secondary role select2 * feat: replace Select2OptionData => SelectOptionData * feat: replace select2 => ngx-select in macro-tab component * feat: replace select2 => ngx-select in keymap-tab component * feat: fix styles * chore: remove select2 from dependencies * fix: macro editor overflow * fix: set the same font size for the toggle button * fix: overflow * chore: use @ert78gb/ngx-select-ex version of ngx-select-ex
88 lines
1.4 KiB
SCSS
88 lines
1.4 KiB
SCSS
@import '../../../../styles/variables';
|
|
|
|
:host {
|
|
overflow: visible;
|
|
display: block;
|
|
|
|
&.macro-item:first-of-type {
|
|
.list-group-item {
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
}
|
|
|
|
&.macro-item:last-of-type {
|
|
.list-group-item {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
|
|
&.gu-transit {
|
|
opacity: 0.2;
|
|
|
|
.list-group-item {
|
|
background: #f5f5f5;
|
|
}
|
|
}
|
|
}
|
|
|
|
.action {
|
|
&--item {
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid #ddd;
|
|
user-select: none;
|
|
|
|
icon {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
> div {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
&:first-child {
|
|
border-radius: 0;
|
|
}
|
|
|
|
&.is-editing {
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
&--wrap {
|
|
justify-content: space-between;
|
|
|
|
&.pointer {
|
|
&:hover {
|
|
cursor: pointer;
|
|
color: $icon-hover;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&--title {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
&--movable {
|
|
&:hover {
|
|
cursor: move;
|
|
}
|
|
}
|
|
}
|
|
|
|
.list-group-item {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.macro-action-editor__container {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
border-radius: 0;
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|