mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Fix resource mapper dropdown width and disabled styling (#6493)

Browse source 
* fix(editor): Fix resource mapper dropdown width and disabled styling
* 💄 Tweaking the color for disabled dropdowns
This commit is contained in:
Milorad FIlipović 2023-06-20 18:51:51 +02:00 committed by GitHub
parent 1b084bc56b
commit da330f0648
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/editor-ui/src/components/ResourceMapper/MappingFields.vue
View file

@ -346,7 +346,7 @@ defineExpose({
:class="[$style.parameterIssues, 'ml-5xs']"
/>
</div>
<div class="add-option" data-test-id="add-fields-select">
<div :class="['add-option', $style.addOption]" data-test-id="add-fields-select">
<n8n-select
:placeholder="
locale.baseText('resourceMapper.addFieldToSend', {
@ -373,7 +373,7 @@ defineExpose({
<style module lang="scss">
.parameterItem {
display: flex;
padding: 0 0 0 1em;
padding: 0 0 0 var(--spacing-s);
.parameterInput {
width: 100%;
@ -395,4 +395,9 @@ defineExpose({
.parameterTooltipIcon {
color: var(--color-text-light) !important;
}
.addOption {
margin-top: var(--spacing-l);
padding: 0 0 0 var(--spacing-s);
}
</style>

16
packages/editor-ui/src/n8n-theme.scss
View file

@ -184,10 +184,22 @@
border: none;
}
i.el-select__caret {
.el-select .el-input.is-disabled {
.el-input__icon {
opacity: 1 !important;
cursor: not-allowed;
color: var(--color-foreground-dark);
}
.el-input__inner, .el-input__inner::placeholder {
opacity: 1;
color: var(--color-foreground-dark);
}
}
.el-select .el-input:not(.is-disabled ) .el-input__icon {
color: var(--color-text-dark);
}
.el-input .el-input__inner {
.el-input .el-input__inner { text-align: center; }
.el-input:not(.is-disabled) .el-input__inner {
&,
&:hover,
&:focus {