docs: <code> blocks in headings not rendered correctly

@Trott

See e.g. https://nodejs.org/api/esm.html#esm_package_json_type_field. The text "type" should be rendered as a code block, yet instead it’s rendered as normal text with wide margins on either side. In earlier versions I tried using backticks but they weren’t supported in Markdown headings.

cc @Trott

commit fdec6bd changed this style

node/doc/api_assets/style.css

Lines 30 to 45 in 2606e1e

    
           h1, h1 code, 
        
           h2, h2 code, 
        
           h3, h3 code, 
        
           h4, h4 code, 
        
           h5, h5 code, 
        
           h6, h6 code { 
        
             background-color: inherit; 
        
             color: inherit; 
        
             font-family: inherit; 
        
             font-weight: 700; 
        
             line-height: inherit; 
        
             position: relative; 
        
             margin: 1.5rem 0 1rem; 
        
             padding: inherit; 
        
             text-rendering: optimizeLegibility; 
        
           }

doc: fix code display in header glitch

Hopeful fix in #31451.

doc: fix code display in header glitch

Navigation Menu

Repository navigation

docs: <code> blocks in headings not rendered correctly #31451

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

	h1, h1 code,
	h2, h2 code,
	h3, h3 code,
	h4, h4 code,
	h5, h5 code,
	h6, h6 code {
	background-color: inherit;
	color: inherit;
	font-family: inherit;
	font-weight: 700;
	line-height: inherit;
	position: relative;
	margin: 1.5rem 0 1rem;
	padding: inherit;
	text-rendering: optimizeLegibility;
	}

docs: <code> blocks in headings not rendered correctly #31451

Description

Activity

himself65 commented on Jan 22, 2020

Trott commented on Jan 22, 2020

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions