Add 'misskey/tweaks/better-sidebar.css'

This commit is contained in:
Free 2021-11-26 17:09:18 +01:00
parent 556168c639
commit c59e574d4b

View file

@ -0,0 +1,55 @@
/*** Better Sidebar ***/
.sidebar {
display: flex;
flex-direction: column;
}
.sidebar .nav {
position: sticky;
top: 0;
border-right: 0.5px solid var(--divider);
min-height: 100vh !important;
max-height: 100vh !important;
overflow: clip auto;
}
.sidebar .nav > div {
height: auto !important;
background: none !important;
flex: none !important;
position: relative !important;
overflow: visible !important;
}
.sidebar button:not(.post):not(.gradate) {
position: relative !important;
background: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
}
.sidebar > div:last-child:not(.iconOnly),
.sidebar .nav > div {
display: flex;
flex-direction: column;
min-height: calc(100vh - 20px);
}
.sidebar > div:last-child:not(.iconOnly) > a,
.sidebar .nav > div > a,
.sidebar > div:last-child:not(.iconOnly) > button:not(.account):not(.post),
.sidebar .nav > div > button:not(.account):not(.post) {
flex-grow: 1;
display: flex !important;
align-items: center !important;
align-content: center;
font-size: 100% !important;
max-height: 55px;
}
.sidebar > div:last-child:not(.iconOnly) > a span,
.sidebar .nav > div > a span,
.sidebar > div:last-child:not(.iconOnly) > button:not(.account):not(.post) span,
.sidebar .nav > div > button:not(.account):not(.post) span {
font-size: inherit !important;
}
.sidebar > div:last-child:not(.iconOnly) > a::before,
.sidebar .nav > div > a::before,
.sidebar > div:last-child:not(.iconOnly) > button:not(.account):not(.post)::before,
.sidebar .nav > div > button:not(.account):not(.post)::before {
content: unset !important;
}