Add indentation ability to prompt

Jackymancs4 · Mar 25, 2020 · 063a164 · 063a164
1 parent 80c5bc5
commit 063a164
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/ElectronClient/gui/MainScreen.jsx b/ElectronClient/gui/MainScreen.jsx
@@ -212,7 +212,7 @@ class MainScreenComponent extends React.Component {
 			const folderItems = this.props.folders;
 			const startFolders = folderItems
 				.map(a => {
-					return { key: a.id, value: a.id, label: a.title };
+					return { key: a.id, value: a.id, label: a.title, indentDepth: a.parent_id == '' ? 0 : 1 };
 				});
 
 			this.setState({

diff --git a/ElectronClient/gui/PromptDialog.jsx b/ElectronClient/gui/PromptDialog.jsx
@@ -49,6 +49,7 @@ class PromptDialog extends React.Component {
 		this.styles_ = {};
 
 		const paddingTop = 20;
+		const indentDepthWidth = 50;
 
 		this.styles_.modalLayer = {
 			zIndex: 9999,
@@ -117,10 +118,11 @@ class PromptDialog extends React.Component {
 					fontFamily: theme.fontFamily,
 					backgroundColor: theme.backgroundColor,
 				}),
-			option: provided =>
+			option: (provided, state) =>
 				Object.assign(provided, {
 					color: theme.color,
 					fontFamily: theme.fontFamily,
+					paddingLeft: `${8 + (state.data.indentDepth || 0) * indentDepthWidth}px`,
 				}),
 			multiValueLabel: provided =>
 				Object.assign(provided, {