e768e5d131
* Added information to setup domain * Fixed incorrect var reference * Updated documentation message * Updated env template * updated template * removed debug echo * Updated Script * Updated Text * Removed option to connect to external mongo for fresh installs Exit script of docker desktop is not installed * Updated docker installation explanation * added a question to skip custom domain if user is installing locally * Inverted script question and * Removed question to determine local installation * Updated Popup CTA to Modal Updated query templates to contain bindings Added a message to display on API / Query errors * updated styles for evaluated value updated styles for auto complete * added spaces to questions * grouped data tree functions together in autocomplete * Updated autocomplete styles * Updated property pane styles to become more dense * Fixed lightning menu styling * fixed tests * Fixed Cypress test Co-authored-by: Nikhil Nandagopal <nikhil@appsmith.com>
73 lines
1.2 KiB
TypeScript
73 lines
1.2 KiB
TypeScript
import React from "react";
|
|
import styled from "styled-components";
|
|
|
|
const TreeStructureWrapper = styled.div`
|
|
li {
|
|
list-style: none;
|
|
}
|
|
|
|
.tree,
|
|
.tree ul {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
margin-left: 9px;
|
|
padding: 0;
|
|
list-style: none;
|
|
color: ${props => props.theme.colors.paneText};
|
|
position: relative;
|
|
}
|
|
|
|
.tree ul {
|
|
margin-left: 9px;
|
|
}
|
|
|
|
.tree:before,
|
|
.tree ul:before {
|
|
content: "";
|
|
display: block;
|
|
width: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
border-left: 2px solid;
|
|
}
|
|
|
|
.tree li {
|
|
margin: 0;
|
|
padding-left: 6px;
|
|
line-height: 18px;
|
|
padding-top: 8px;
|
|
position: relative;
|
|
}
|
|
|
|
.tree li:before {
|
|
content: "";
|
|
display: block;
|
|
width: 9px;
|
|
height: 0;
|
|
border-top: 2px solid;
|
|
margin-top: 36px;
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 0;
|
|
}
|
|
|
|
.tree li:last-child:before {
|
|
background: ${props => props.theme.colors.paneBG};
|
|
height: auto;
|
|
top: 18px;
|
|
bottom: 0;
|
|
}
|
|
`;
|
|
|
|
type TreeStructureProps = {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
const TreeStructure = (props: TreeStructureProps) => {
|
|
return <TreeStructureWrapper>{props.children}</TreeStructureWrapper>;
|
|
};
|
|
|
|
export default TreeStructure;
|