diff --git a/src/main/sidebar/MainSideBar.tsx b/src/main/sidebar/MainSideBar.tsx index 0933173d..c0e6ed7d 100644 --- a/src/main/sidebar/MainSideBar.tsx +++ b/src/main/sidebar/MainSideBar.tsx @@ -17,6 +17,7 @@ import { ReactComponent as AppsIcon } from "../../assets/icons/apps.svg"; import { ReactComponent as ConnectionsIcon } from "../../assets/icons/connections.svg"; import { ReactComponent as WorkspacesIcon } from "../../assets/icons/workspaces.svg"; import { ReactComponent as AddIcon } from "../../assets/icons/add.svg"; +import { ReactComponent as ActionsIcon } from "../../assets/icons/tab/actions.svg"; import localizedFormat from "dayjs/plugin/localizedFormat"; import { GlobalModel, GlobalCommandRunner, Session } from "../../model"; @@ -162,7 +163,8 @@ class MainSideBar extends React.Component<{}, {}> { > ^⌘ {index + 1} - {session.name.get()} + {session.name.get()} + this.openSessionSettings(e, session)} /> ); }); diff --git a/src/main/sidebar/sidebar.less b/src/main/sidebar/sidebar.less index ddb7f23a..333f5802 100644 --- a/src/main/sidebar/sidebar.less +++ b/src/main/sidebar/sidebar.less @@ -90,11 +90,22 @@ opacity: 1; visibility: visible; transition: opacity 0.1s ease-in-out, visibility 0.1s step-end; - .icon { - margin: 0 8px 0 6px; + .sessionName { + width: 11rem; + display: inline-block; vertical-align: middle; - width: 16px; - height: 16px; + } + .icon { + margin: 0 0.5em; + width: 1em; + height: 1em; + display: inline-block; + vertical-align: middle; + border-radius: 50%; + visibility: hidden; + } + &:hover .icon { + visibility: visible; } .hotkey { float: right;