docs(gen_help_html): wrap headings for narrow viewport #29903

Problem:
The headings and help tags overlap when browsing the docs in neovim.io/doc/user/ from a mobile phone.

Solution:
Apply the correct CSS rules so that the headings and help tags wrap
nicely below one another.
This commit is contained in:
Rosen Stoyanov 2024-08-20 15:56:37 +03:00 committed by GitHub
parent 766d503627
commit 8faa369791
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1146,10 +1146,11 @@ local function gen_css(fname)
font-size: smaller;
}
.help-heading {
overflow: hidden;
white-space: nowrap;
white-space: normal;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap: 0 15px;
}
/* The (right-aligned) "tags" part of a section heading. */
.help-heading-tags {
@ -1184,8 +1185,7 @@ local function gen_css(fname)
pre:last-child {
margin-bottom: 0;
}
pre:hover,
.help-heading:hover {
pre:hover {
overflow: visible;
}
.generator-stats {