Emoji page identifiers + sidebar tweaks (#3014)

* feat: add emoji identifiers to pages

* enhance: clean up left sidebar styles

* misc cleanup

* enhance: make it clearer when you are hovering over a nav-content-item header

* refactor: clarify classname for .nav-content-item.header

Co-authored-by: Tienson Qin <tiensonqin@gmail.com>
This commit is contained in:
Devon Zuegel
2021-11-02 15:38:52 +02:00
committed by GitHub
parent aaae6cad9c
commit b423062bfb
4 changed files with 94 additions and 38 deletions

View File

@@ -850,6 +850,32 @@ h1.title {
font-weight: 600;
}
.title .page-emoji {
margin-right: 12px;
}
.left-sidebar-inner .recent .page-emoji,
.left-sidebar-inner .favorites .page-emoji {
margin-right: 8px;
width: 1.1em;
text-align: center;
display: inline-block;
color: #aaa;
}
.favorites li.favorite-item,
.recent li.recent-item {
margin: 0.1rem 0;
}
.left-sidebar-inner > .wrap {
height: 100%;
}
.left-sidebar-inner .flex-column-spacer {
flex: 1 1 0%;
}
.block-highlight,
.content .selected {
transition: background-color 0.15s;