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;