Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-17 20:51:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

remove a lot of hover effects, unselectable menu text. move apps to bottom. remove favorites

Browse Source
This commit is contained in:
sawka 2023-10-31 11:29:17 -07:00
parent ab8021fad7
commit e1189a5051
3 changed files with 17 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/app.less
View File

@ -94,20 +94,11 @@ svg.icon {
.hoverEffect { .hoverEffect {
&:hover { &:hover {
cursor: pointer; cursor: pointer;
box-shadow: 0px 2px 2px 0 rgba(255, 255, 255, 0.1), 0px 4px 5px 0 rgba(255, 255, 255, 0.2),
0px 0px 5px 2.5px rgba(255, 255, 255, 0.5);
transition: box-shadow 0.2s ease;
} }
} }
.hover-effect-base:hover { .hover-effect-base:hover {
cursor: pointer; cursor: pointer;
.hover-effect-target {
box-shadow: 0px 2px 2px 0 rgba(255, 255, 255, 0.1), 0px 4px 5px 0 rgba(255, 255, 255, 0.2),
0px 0px 5px 2.5px rgba(255, 255, 255, 0.5);
transition: box-shadow 0.2s ease;
}
} }
.hideScrollbarUntillHover { .hideScrollbarUntillHover {
@ -547,3 +538,7 @@ a.a-block {
fill: @status-error; fill: @status-error;
} }
} }
.unselectable {
user-select: none;
}

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

@ -206,28 +206,23 @@ class MainSideBar extends React.Component<{}, {}> {
</div> </div>
<div className="contents"> <div className="contents">
<div className="top"> <div className="top">
<div className="item hoverEffect" onClick={this.handlePluginsClick}> <div className="item hoverEffect unselectable" onClick={this.handleHistoryClick}>
<AppsIcon className="icon" />
Apps
<span className="hotkey">&#x2318;A</span>
</div>
<div className="item hoverEffect" onClick={this.handleHistoryClick}>
<HistoryIcon className="icon" /> <HistoryIcon className="icon" />
History History
<span className="hotkey">&#x2318;H</span> <span className="hotkey">&#x2318;H</span>
</div> </div>
<div className="item hoverEffect" onClick={this.handleBookmarksClick}> {/* <div className="item hoverEffect unselectable" onClick={this.handleBookmarksClick}>
<FavoritesIcon className="icon" /> <FavoritesIcon className="icon" />
Favorites Favorites
<span className="hotkey">&#x2318;B</span> <span className="hotkey">&#x2318;B</span>
</div> </div> */}
<div className="item hoverEffect" onClick={this.handleConnectionsClick}> <div className="item hoverEffect unselectable" onClick={this.handleConnectionsClick}>
<ConnectionsIcon className="icon" /> <ConnectionsIcon className="icon" />
Connections Connections
</div> </div>
</div> </div>
<div className="separator" /> <div className="separator" />
<div className="item workspaces-item"> <div className="item workspaces-item unselectable">
<WorkspacesIcon className="icon" /> <WorkspacesIcon className="icon" />
Workspaces Workspaces
<div className="add_workspace hoverEffect" onClick={this.handleNewSession}> <div className="add_workspace hoverEffect" onClick={this.handleNewSession}>
@ -236,15 +231,20 @@ class MainSideBar extends React.Component<{}, {}> {
</div> </div>
<div className="middle hideScrollbarUntillHover">{this.getSessions()}</div> <div className="middle hideScrollbarUntillHover">{this.getSessions()}</div>
<div className="bottom"> <div className="bottom">
<div className="item hoverEffect" onClick={this.handleSettingsClick}> <div className="item hoverEffect unselectable" onClick={this.handlePluginsClick}>
<AppsIcon className="icon" />
Apps
<span className="hotkey">&#x2318;A</span>
</div>
<div className="item hoverEffect unselectable" onClick={this.handleSettingsClick}>
<SettingsIcon className="icon" /> <SettingsIcon className="icon" />
Settings Settings
</div> </div>
<div className="item hoverEffect" onClick={() => openLink("https://docs.getprompt.dev")}> <div className="item hoverEffect unselectable" onClick={() => openLink("https://docs.getprompt.dev")}>
<HelpIcon className="icon" /> <HelpIcon className="icon" />
Documentation Documentation
</div> </div>
<div className="item hoverEffect" onClick={() => openLink("https://discord.gg/XfvZ334gwU")}> <div className="item hoverEffect unselectable" onClick={() => openLink("https://discord.gg/XfvZ334gwU")}>
<DiscordIcon className="icon discord" /> <DiscordIcon className="icon discord" />
Talk to us Talk to us
</div> </div>

3
src/app/workspace/screen/tabs.less
View File

@ -134,9 +134,6 @@
display: block; display: block;
} }
} }
&:hover:not(.is-active) {
border-color: @disabled-color !important;
}
} }
&:hover .screen-tab .tab-index { &:hover .screen-tab .tab-index {