Pin sidebar foot to the page bottom; cap the chip list at 560px
This commit is contained in:
1 parent
cc785a0a0d
commit
8048516546
1 file changed
+3
-3
@@ -47,8 +47,7 @@ body {
|
|||||||
.sidebar {
|
.sidebar {
|
||||||
width: 220px;
|
width: 220px;
|
||||||
flex: 0 0 220px;
|
flex: 0 0 220px;
|
||||||
height: 560px;
|
height: 100vh;
|
||||||
max-height: 100vh;
|
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
@@ -68,6 +67,7 @@ body {
|
|||||||
gap: 8px;
|
gap: 8px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
|
max-height: 560px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
scrollbar-color: var(--border) transparent;
|
scrollbar-color: var(--border) transparent;
|
||||||
@@ -94,7 +94,7 @@ body {
|
|||||||
.service-btn .sub { display: block; font-size: 11px; color: var(--muted); }
|
.service-btn .sub { display: block; font-size: 11px; color: var(--muted); }
|
||||||
.service-btn.disabled { opacity: 0.5; }
|
.service-btn.disabled { opacity: 0.5; }
|
||||||
|
|
||||||
.sidebar-foot { margin-top: 12px; }
|
.sidebar-foot { margin-top: auto; }
|
||||||
|
|
||||||
.user-chip {
|
.user-chip {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in new issue
Block a user