NotAShelf/pinakes
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

pinakes-ui: streamline sidebar design

Browse source 
Signed-off-by: NotAShelf <raf@notashelf.dev>
Change-Id: I0176fa480e5ba40eea5a39685a4f97896a6a6964
This commit is contained in:
raf 2026-02-03 10:25:31 +03:00
commit 278bcaa4b0
Signed by: NotAShelf
GPG key ID: 29D95B64378DB4BF
25 changed files with 1805 additions and 1686 deletions
Download patch file Download diff file Expand all files Collapse all files

10
crates/pinakes-ui/src/styles.rs
View file

@ -63,17 +63,20 @@ body {
.sidebar {
width: 220px;
min-width: 220px;
max-width: 220px;
background: var(--bg-1);
border-right: 1px solid var(--border);
display: flex;
flex-direction: column;
flex-shrink: 0;
user-select: none;
overflow-y: auto;
overflow-x: hidden;
z-index: 10;
transition: width 0.15s, min-width 0.15s;
transition: width 0.15s, min-width 0.15s, max-width 0.15s;
}
.sidebar.collapsed { width: 48px; min-width: 48px; }
.sidebar.collapsed { width: 48px; min-width: 48px; max-width: 48px; }
.sidebar.collapsed .nav-label,
.sidebar.collapsed .sidebar-header .logo,
.sidebar.collapsed .sidebar-header .version,
@ -83,9 +86,8 @@ body {
/* Nav item text - hide when collapsed */
.nav-item-text {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar.collapsed .nav-item-text { display: none; }