Updates to the site and notebook headers

Announcements
1

Hi folks,

We pushed out a few changes to the site header and notebook headers today.

We’ve moved the notebook-specific controls out of the site header and consolidated them into the top section of each notebook.

This change should make it easier to spot a notebook’s [Publish] button, or its […] menu, or understand if you have unsaved edits that need forking.

Screen Shot 2020-11-09 at 3.46.12 PM
Screen Shot 2020-11-09 at 3.46.12 PM2576×1316 343 KB

It also leaves us with a cleaner site header that has room to accept some more top-level navigation items in the future.

Bug reports are always welcome, so please let us know if the layout looks wrong in your browser, or if you find yourself unable to do something you previously could.

Thanks in advance for your feedback.

9 Likes
2

Making the “reshare” button just a text link instead of a filled-color rectangle is a nice improvement, as it’s now less visually distracting. :+1:

I’m still not entirely convinced that the floating header is worth the vertical space at the top of the window.

5 Likes
3

“counter-increment” seems not work in HTML, I want to number each head.

https://observablehq.com/@lxblxb9/larix
<style>
    h1{color: orange; border-bottom: 1px solid orange;}
    body{counter-reset: h1counter;}
    h1{counter-reset: h2counter;}
    h2{counter-reset: h3counter;}
    h2::before{counter-increment: h2counter;content: counter(h2counter) ". ";}
    h3::before{counter-increment: h3counter;content: "("counter(h3counter) ") ";}
</style>
<h2>method</h2>
<h3>phenol</h3>
<h3>benze</h3>
4

problem solved, it works

<style>
            body{counter-reset: h2counter;}
            h2::before{
                counter-increment: h2counter;
                content: counter(h2counter) ". ";
                counter-reset: h3counter;
            }
            h3::before{
                counter-increment: h3counter;
                content: "(" counter(h3counter) ") ";
                counter-reset: h4counter;
            }
        </style>
1 Like
5

counter-reset and counter-set do not work in iPad browsers,

with this style sheet, h3 header auto-numbering will continue from previous chapter in iPad, either edge or safari. like below:
1 header1
1.1 header2
1.2 header2
2 header1
2.3 header2
2.4 header2
But it is fine in edge of windows PC, Like below:
1 header1
1.1 header2
1.2 header2
2 header1
2.1 header2
2.2 header2