JS-5213: fix

js-yabei · Aug 30, 2024 · 47aa1b5 · 47aa1b5
1 parent fffb3c6
commit 47aa1b5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/scss/component/sidebar.scss b/src/scss/component/sidebar.scss
@@ -222,7 +222,7 @@
 				content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(79,79,79,0); z-index: 1;
 				pointer-events: none; border-radius: 6px;
 			}
-			.item:hover::before { background: var(--color-shape-highlight-medium); }
+			.item:hover::before, .item.active::before { background: var(--color-shape-highlight-medium); }
 		}
 	}
 

diff --git a/src/ts/component/sidebar/object.tsx b/src/ts/component/sidebar/object.tsx
@@ -4,7 +4,7 @@ import $ from 'jquery';
 import { observer } from 'mobx-react';
 import { AutoSizer, CellMeasurer, InfiniteLoader, List, CellMeasurerCache } from 'react-virtualized';
 import { Title, Filter, Select, Icon, IconObject, Button, ObjectName, ObjectDescription, ObjectType } from 'Component';
-import { I, U, J, S, translate, Storage, sidebar } from 'Lib';
+import { I, U, J, S, translate, Storage, sidebar, keyboard } from 'Lib';
 
 interface State {
 	isLoading: boolean;
@@ -49,13 +49,15 @@ const SidebarObject = observer(class SidebarObject extends React.Component<{}, S
 		const items = this.getItems();
 		const isAllowedObject = this.isAllowedObject();
 		const typeOptions = this.getTypeOptions();
+		const rootId = keyboard.getRootId();
 
 		const rowRenderer = (param: any) => {
 			const item: any = items[param.index];
 			if (!item) {
 				return null;
 			};
 
+			const cn = [ 'item', U.Data.layoutClass(item.id, item.layout) ];
 			const type = S.Record.getTypeById(item.type);
 
 			let iconSmall = null;
@@ -69,6 +71,10 @@ const SidebarObject = observer(class SidebarObject extends React.Component<{}, S
 				iconLarge = <IconObject object={item} size={48} />;
 			};
 
+			if (item.id == rootId) {
+				cn.push('active');
+			};
+
 			return (
 				<CellMeasurer
 					key={param.key}
@@ -78,7 +84,7 @@ const SidebarObject = observer(class SidebarObject extends React.Component<{}, S
 					rowIndex={param.index}
 				>
 					<div 
-						className={[ 'item', U.Data.layoutClass(item.id, item.layout) ].join(' ')} 
+						className={cn.join(' ')} 
 						style={param.style}
 						onClick={() => this.onClick(item)}
 					>