Skip to content

Commit f58b7b0

Browse files
authored
Navbar styling fixes for PyData Sphinx Theme 0.15.4 (#167)
Closes #166 I have also done some restyling for the "More" section to make it more consistent with the rest of the navbar. ![Captura de imagem_20240711_175810-2](https://github.com/user-attachments/assets/881cbf93-9fd4-4e96-9f62-0eaaa3287947)
1 parent 149c5a5 commit f58b7b0

File tree

1 file changed

+42
-16
lines changed

1 file changed

+42
-16
lines changed

napari_sphinx_theme/static/css/napari-sphinx-theme.css

+42-16
Original file line numberDiff line numberDiff line change
@@ -228,36 +228,62 @@ h1 {
228228
color: var(--napari-color-text-base) !important;
229229
}
230230

231-
.bd-header .navbar-nav li.pst-header-nav-item {
231+
/* Navbar text */
232+
.bd-header ul.navbar-nav > li.nav-item > .nav-link {
233+
color: var(--napari-color-text-base);
232234
font-size: 1.0625rem;
233235
font-weight: 500 !important;
236+
border-bottom: 3px solid transparent;
237+
padding: 16px 1.0625rem 16px !important;
234238
}
235239

236-
.navbar-icon-links li.nav-item a.nav-link {
237-
color: var(--napari-color-text-base) !important;
240+
.bd-header ul.navbar-nav > li.nav-item > .nav-link:hover {
241+
color: var(--napari-color-text-base);
242+
font-size: 1.0625rem;
243+
font-weight: 500 !important;
244+
border-bottom: 3px solid var(--napari-color-text-base);
238245
}
239246

240-
.bd-header .navbar-nav li.pst-header-nav-item>.nav-link {
241-
color: var(--napari-color-text-base) !important;
242-
border-bottom: 3px solid transparent;
247+
.bd-header ul.navbar-nav > li.nav-item.current>.nav-link::before {
248+
border-bottom: 0px solid var(--napari-color-text-base);
243249
}
244250

245-
.bd-header .navbar-nav li.pst-header-nav-item>.nav-link:hover {
246-
color: var(--napari-color-text-base) !important;
247-
border-bottom: 3px solid var(--pst-color-primary);
251+
.bd-header ul.navbar-nav > li.nav-item.current > .nav-link {
252+
border-bottom: 3px solid var(--napari-color-text-base);
253+
font-weight: 700 !important;
248254
}
249255

250-
.bd-header .navbar-nav li.pst-header-nav-item.current>.nav-link::before {
251-
border-bottom: 0px solid var(--pst-color-primary);
256+
.bd-header ul.navbar-nav {
257+
height: var(--pst-header-height);
252258
}
253259

254-
.bd-header .navbar-nav li.pst-header-nav-item.current>.nav-link {
255-
border-bottom: 3px solid var(--pst-color-primary);
256-
font-weight: 700 !important;
260+
.bd-header ul.navbar-nav > li.nav-item {
261+
margin-inline: 0px;
262+
}
263+
264+
.bd-header ul.navbar-nav > li.nav-item.dropdown > .dropdown-toggle {
265+
color: var(--napari-color-text-base);
266+
font-size: 1.0625rem;
267+
font-weight: 500 !important;
268+
border-bottom: 3px solid transparent;
269+
padding: 16px 1.0625rem 16px !important;
270+
height: var(--pst-header-height);
257271
}
258272

259-
.bd-header .navbar-nav li.pst-header-nav-item>.nav-link {
260-
padding: 15px 1.0625rem 15px !important;
273+
.bd-header ul.navbar-nav > li.nav-item.dropdown > .dropdown-toggle:hover {
274+
box-shadow: none;
275+
text-decoration: none;
276+
border-bottom: 3px solid var(--napari-color-text-base);
277+
}
278+
279+
.bd-header ul.navbar-nav li a.nav-link.dropdown-item {
280+
color: var(--napari-color-text-base);
281+
font-weight: 500;
282+
}
283+
284+
html .pst-navbar-icon,
285+
html .pst-navbar-icon:hover {
286+
color: var(--napari-color-text-base);
261287
}
262288

263289
/***************************

0 commit comments

Comments
 (0)