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

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

@ -184,10 +184,22 @@
border: none; 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); 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, &:hover,
&:focus { &:focus {