forked from mirrors/Gitea-Modern
55 lines
1.6 KiB
CSS
55 lines
1.6 KiB
CSS
|
/*** 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;
|
||
|
|
}
|