admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 01:56:46 +00:00
Code Issues 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
2 changed files with 21 additions and 4 deletions
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 {