Only include an <hgroup> in the page summary if there's a description to include
Otherwise just use an <h2>. Add .page-summary__heading to both elements and update the styles.
This commit is contained in:
		
							parent
							
								
									8aaea57a2e
								
							
						
					
					
						commit
						4d9e9e1301
					
				
					 2 changed files with 13 additions and 8 deletions
				
			
		|  | @ -18,11 +18,11 @@ | |||
|     margin-block-end: var(--space-xl); | ||||
|   } | ||||
| 
 | ||||
|   > hgroup { | ||||
|     line-height: 1; | ||||
|   .page-summary__heading { | ||||
|     margin-block: 0 var(--space-xs); | ||||
| 
 | ||||
|     h2 { | ||||
|       line-height: 1; | ||||
|       font-size: var(--text-l); | ||||
|       margin-block: 0; | ||||
|     } | ||||
|  |  | |||
|  | @ -1,18 +1,23 @@ | |||
| <article class="page-summary"> | ||||
|   <hgroup> | ||||
|     <h2><a href="{{ .Permalink }}">{{ .LinkTitle | markdownify }}</a></h2> | ||||
|     {{ if and (.Params.rendersSummary | default true) -}} | ||||
|   {{ if and (.Params.rendersSummary | default true) (gt (len .Description) 0) -}} | ||||
|     <hgroup class="page-summary__heading"> | ||||
|       <h2><a href="{{ .Permalink }}">{{ .LinkTitle | markdownify }}</a></h2> | ||||
|       {{ with .Description }} | ||||
|         <p>{{ . | markdownify }}</p> | ||||
|       {{ end }} | ||||
|     {{ end }} | ||||
|   </hgroup> | ||||
|     </hgroup> | ||||
|   {{ else }} | ||||
|     <h2 class="page-summary__heading"><a href="{{ .Permalink }}">{{ .LinkTitle | markdownify }}</a></h2> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{- if .Date -}} | ||||
|     {{- partial "page/date.html" (dict "page" .) -}} | ||||
|   {{- end }} | ||||
|   {{- if ne hugo.Environment "production" -}} | ||||
| 
 | ||||
|   {{- if not hugo.IsProduction -}} | ||||
|     {{ partial "page/taxonomy_draft.html" (dict "page" .) }} | ||||
|   {{- end -}} | ||||
| 
 | ||||
|   {{ partial "page/taxonomy_list.html" (dict "page" . "taxonomy" "categories") }} | ||||
|   {{ partial "page/taxonomy_list.html" (dict "page" . "taxonomy" "tags") }} | ||||
| </article> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue