Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-22 16:48:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix up spacing for workspaces in sidebar

Browse Source
This commit is contained in:
sawka 2023-10-26 15:17:23 -07:00
parent 5bf83a7e59
commit 9804dcb14c
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/sidebar/MainSideBar.tsx
View File

@ -157,7 +157,6 @@ class MainSideBar extends React.Component<{}, {}> {
className={`item hoverEffect ${isActive ? "active" : ""}`}
onClick={() => this.handleSessionClick(session.sessionId)}
>
<span className="hotkey">^⌘</span>
<span className="index">{index + 1}</span>
<span className="truncate sessionName">{session.name.get()}</span>
<ActionsIcon
@ -222,7 +221,7 @@ class MainSideBar extends React.Component<{}, {}> {
</div>
</div>
<div className="separator" />
<div className="item">
<div className="item workspaces-item">
<WorkspacesIcon className="icon" />
Workspaces
<div className="add_workspace hoverEffect" onClick={this.handleNewSession}>

17
src/app/sidebar/sidebar.less
View File

@ -56,9 +56,13 @@
background-color: @base-border;
}
.item.workspaces-item {
margin-bottom: -4px;
}
.middle {
max-height: calc(100vh - 32em);
padding: 8px 6px;
padding: 4px 6px 8px 6px;
border-bottom: 1px solid @base-border;
.item {
&.active {
@ -98,7 +102,7 @@
visibility: visible;
transition: opacity 0.1s ease-in-out, visibility 0.1s step-end;
.sessionName {
width: 11rem;
width: 12rem;
display: inline-block;
vertical-align: middle;
}
@ -109,12 +113,9 @@
display: inline-block;
vertical-align: middle;
border-radius: 50%;
&.discord {
width: 1.2em;
height: 1.2em;
margin: 0 0.4em 2px 0.4em;
}
}
.actions.icon {
margin-left: 8px;
}
.hotkey {
float: right;