mirrors/neovim
1
0
Fork 0
mirror of https://github.com/neovim/neovim.git synced 2025-12-23 22:58:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
scripts/gen_help_html.lua
View File

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