RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

added floating mode

Browse Source
This commit is contained in:
SrGooglo 2022-11-19 04:56:56 +00:00
parent 46f0fc058c
commit d793df1d40
4 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/app/src/components/Layout/sidebar/index.jsx
View File

@ -227,6 +227,7 @@ export default class Sidebar extends React.Component {
classnames(
"app_sidebar",
{
["floating"]: window.app?.settings.get("sidebar.floating"),
["collapsed"]: this.state.visible && this.state.collapsed,
["elevated"]: this.state.visible && this.state.elevated,
["hidden"]: !this.state.visible,

4
packages/app/src/components/Layout/sidebar/index.less
View File

@ -25,6 +25,10 @@
border-radius: 0 @app_sidebar_borderRadius @app_sidebar_borderRadius 0;
border: 1px solid var(--sidebar-background-color);
&.floating {
position: absolute;
}
&.collapsed {
width: 80px;
min-width: 80px;

7
packages/app/src/components/Layout/sidedrawer/index.jsx
View File

@ -224,7 +224,12 @@ export default class SidedrawerController extends React.Component {
render() {
return <div
className="sidedrawers-wrapper"
className={classnames(
"sidedrawers-wrapper",
{
["floating-sidebar"]: window.app?.settings.get("sidebar.floating")
}
)}
>
{this.state.drawers}
</div>

6
packages/app/src/components/Layout/sidedrawer/index.less
View File

@ -3,6 +3,12 @@
.sidedrawers-wrapper {
display: flex;
flex-direction: row;
&.floating-sidebar {
z-index: 950;
position: absolute;
margin-left: @app_sidebar_collapsed_width;
}
.sidedrawer {
position: relative;