Skip to content

Commit 0a8f0ea

Browse files
committed
feat: adjust nav (left) sidebar styling
- disable compact nav menu (show child pages by default) - normalize font weight of top level nav links - add indicator for the current/active page
1 parent 6664087 commit 0a8f0ea

File tree

2 files changed

+35
-2
lines changed

2 files changed

+35
-2
lines changed

assets/scss/main.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,38 @@ footer {
6161
padding-bottom: 0.5rem;
6262
}
6363

64+
// active page indicator
65+
.td-sidebar-nav-active-item {
66+
color: $primary;
67+
&:before {
68+
position: relative;
69+
left: -0.5rem;
70+
content: "";
71+
border-left: 3px solid $btn-primary;
72+
margin-left: -3px;
73+
}
74+
}
75+
76+
// normalize links that appear to be top-level regardless of whether they are
77+
// one page or a section with 1 index page
78+
.td-sidebar-nav .td-sidebar-link__page {
79+
font-weight: 400;
80+
color: #222;
81+
line-height: 1.35;
82+
padding-bottom: 0.75rem;
83+
}
84+
85+
.td-sidebar-nav .td-sidebar-link__section {
86+
font-weight: 400;
87+
color: #222;
88+
line-height: 1.35;
89+
padding-bottom: 0.75rem;
90+
}
91+
92+
.foldable .td-sidebar-link {
93+
font-weight: 200;
94+
}
95+
6496
.td-search {
6597
width: 100%;
6698
}

config.toml

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,8 @@ offlineSearch = true
145145
# User interface configuration
146146
[params.ui]
147147
# Enable to show the side bar menu in its compact state.
148-
sidebar_menu_compact = true
148+
sidebar_menu_compact = false
149+
ul_show = 1
149150
# Set to true to disable breadcrumb navigation.
150151
breadcrumb_disable = false
151152
# Set to true to hide the sidebar search box (the top nav search box will still be displayed if search is enabled)
@@ -160,7 +161,7 @@ footer_about_disable = true
160161
# If you want this feature, but occasionally need to remove the "Feedback" section from a single page,
161162
# add "hide_feedback: true" to the page's front matter.
162163
[params.ui.feedback]
163-
enable = true
164+
enable = false
164165
# The responses that the user sees after clicking "yes" (the page was helpful) or "no" (the page was not helpful).
165166
yes = 'Glad to hear it! Please <a href="https://github.com/openmodelingfoundation/openmodelingfoundation.github.io/issues/new?projects=openmodelingfoundation/openmodelingfoundation.github.io/6&template=site-wide.md">tell us how we can improve</a>.'
166167
no = 'Sorry to hear that. Please <a href="https://github.com/openmodelingfoundation/openmodelingfoundation.github.io/issues/new?projects=openmodelingfoundation/openmodelingfoundation.github.io/6&template=site-wide.md">tell us how we can improve</a>.'

0 commit comments

Comments
 (0)