clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-03 10:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: right sidebar

Browse Source
This commit is contained in:
Konstantinos Kaloutas
2023-07-05 17:03:24 +03:00
committed by Tienson Qin
parent a254775a81
commit ade8848e4a
4 changed files with 46 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/main/frontend/components/container.css
View File

@@ -531,14 +531,13 @@ html[data-theme='dark'] {
.cp__right-sidebar {
z-index: var(--ls-z-index-level-1);
transition: width 0.3s;
background-color: var(--ls-secondary-background-color, #d8e1e8);
position: relative;
user-select: none;
.resizer {
@apply absolute top-0 bottom-0;
touch-action: none;
left: 0;
left: 2px;
width: 4px;
user-select: none;
cursor: col-resize !important;
@@ -592,7 +591,6 @@ html[data-theme='dark'] {
top: 0;
left: 0;
right: 0;
background-color: var(--ls-secondary-background-color, #d8e1e8);
z-index: 999;
user-select: none;
-webkit-app-region: drag;
@@ -622,16 +620,37 @@ html[data-theme='dark'] {
}
.sidebar-item {
@apply p-4;
overflow: hidden;
flex: 1 1 auto;
min-height: 140px;
&.collapsed {
flex: 0;
overflow: initial;
min-height: initial;
}
.initial {
flex: 1;
}
.close {
transform: scale(0.8);
transition: transform 0.1s;
transition: transform 0.1s, opacity 0.1s;
visibility: hidden;
opacity: 0;
&:hover {
transform: scale(1);
}
}
&:hover {
.close {
visibility: visible;
opacity: 1;
}
}
}
}