1
1
mirror of https://github.com/n8n-io/n8n.git synced 2024-09-20 09:27:44 +03:00

💄 Make sure that parameter help icon gets always displayed

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

View File

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

View File

@ -1,5 +1,5 @@
<template>
<div>
<div class="paramter-input-list-wrapper">
<div v-for="parameter in filteredParameters" :key="parameter.name">
<div
v-if="multipleValues(parameter) === true && parameter.type !== 'fixedCollection'"
@ -169,59 +169,56 @@ export default mixins(
</script>
<style lang="scss">
.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;
}
}
.paramter-input-list-wrapper {
.delete-option {
left: -0.9em;
display: none;
position: absolute;
z-index: 999;
color: #f56c6c;
&:hover {
color: #ff0000;
}
}
.parameter-info {
display: none;
.multi-parameter {
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;
}
}