n8n-io/n8n
1
1
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-11-10 12:35:46 +03:00
Code Issues Projects Releases Wiki Activity

💄 Make sure that parameter help icon gets always displayed

Browse Source
This commit is contained in:
Jan Oberhauser 2019-09-19 23:59:25 +02:00
parent 419af0a5fd
commit c1a609d358
2 changed files with 56 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/editor-ui/src/components/ParameterInputFull.vue
View File

@ -73,10 +73,18 @@ export default Vue
} }
.parameter-info { .parameter-info {
background-color: #ffffffaa;
border-radius: 6px;
display: none; display: none;
padding: 4px;
position: absolute;
right: 0px;
top: 8px;
} }
.parameter-name { .parameter-name {
position: relative;
&:hover { &:hover {
.parameter-info { .parameter-info {
display: inline; display: inline;

99
packages/editor-ui/src/components/ParameterInputList.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="paramter-input-list-wrapper">
<div v-for="parameter in filteredParameters" :key="parameter.name"> <div v-for="parameter in filteredParameters" :key="parameter.name">
<div <div
v-if="multipleValues(parameter) === true && parameter.type !== 'fixedCollection'" v-if="multipleValues(parameter) === true && parameter.type !== 'fixedCollection'"
@ -169,59 +169,56 @@ export default mixins(
</script> </script>
<style lang="scss"> <style lang="scss">
.paramter-input-list-wrapper {
.delete-option {
display: none;
position: absolute;
z-index: 999;
color: #f56c6c;
&:hover {
color: #ff0000;
}
}
.multi-parameter {
position: relative;
margin: 0.5em 0;
padding: 0.5em 0;
>.parameter-name {
font-weight: 600;
border-bottom: 1px solid #999;
.delete-option {
top: 0;
}
}
}
.parameter-item {
position: relative;
>.delete-option {
left: -0.9em;
top: 0.6em;
}
}
.parameter-item:hover > .delete-option,
.parameter-name:hover > .delete-option {
display: block;
}
.parameter-name {
&:hover {
.parameter-info {
display: inline;
}
}
.delete-option { .delete-option {
left: -0.9em; display: none;
position: absolute;
z-index: 999;
color: #f56c6c;
&:hover {
color: #ff0000;
}
} }
.parameter-info { .multi-parameter {
display: none; position: relative;
margin: 0.5em 0;
padding: 0.5em 0;
>.parameter-name {
font-weight: 600;
border-bottom: 1px solid #999;
&:hover {
.parameter-info {
display: inline;
}
}
.delete-option {
top: 0;
left: -0.9em;
}
.parameter-info {
display: none;
}
}
}
.parameter-item {
position: relative;
>.delete-option {
left: -0.9em;
top: 0.6em;
}
}
.parameter-item:hover > .delete-option,
.parameter-name:hover > .delete-option {
display: block;
} }
} }