2020-02-11 18:20:26 +00:00
|
|
|
ion-icon {
|
|
|
|
transition: all 0.2s linear;
|
|
|
|
}
|
|
|
|
|
|
|
|
ion-icon.invisible {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2020-10-13 16:57:56 +00:00
|
|
|
|
2020-10-14 03:47:59 +00:00
|
|
|
.host-icons {
|
|
|
|
padding: 5px;
|
|
|
|
color: #444;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
.type-icon {
|
|
|
|
margin-bottom: 15px;
|
2020-10-14 12:37:14 +00:00
|
|
|
margin-top: 15px;
|
2020-10-14 03:47:59 +00:00
|
|
|
|
2020-10-14 12:37:14 +00:00
|
|
|
&.node {
|
2020-10-14 03:47:59 +00:00
|
|
|
color: var(--noded-background-node);
|
|
|
|
}
|
2020-10-14 12:37:14 +00:00
|
|
|
|
|
|
|
&.code_ref {
|
|
|
|
color: var(--noded-background-code);
|
|
|
|
}
|
|
|
|
|
2020-10-14 12:50:50 +00:00
|
|
|
&.database_ref {
|
2020-10-14 12:37:14 +00:00
|
|
|
color: var(--noded-background-db);
|
|
|
|
}
|
2020-10-14 14:52:47 +00:00
|
|
|
|
|
|
|
&.file_ref {
|
|
|
|
color: var(--noded-background-files);
|
|
|
|
}
|
2020-10-13 16:57:56 +00:00
|
|
|
}
|
2020-10-14 03:59:15 +00:00
|
|
|
|
|
|
|
.host-add-button {
|
|
|
|
margin-top: 50px;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
padding: 10px;
|
|
|
|
border: 1px solid lightgrey;
|
|
|
|
color: darkgrey;
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border: 1px solid darkgrey;
|
|
|
|
color: #4d4d4d;
|
|
|
|
}
|
|
|
|
}
|
2020-10-14 16:25:26 +00:00
|
|
|
|
|
|
|
.save-button {
|
|
|
|
color: #777;
|
|
|
|
|
|
|
|
i {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
}
|