mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
56836eb077
* feat: add tabs and tab shortcodes support Powered by https://github.com/github/tab-container-element * fix: adjust tab-container styles for improved layout and responsiveness - [x] Underline Style (Default) - [x] Pill Style - [x] Card Style - [x] Segment Style * test: add tabs comprehensive test cases * style: code optimization * fix: add tabs support in home scope * docs: add `<tab-container>` element reference to README files * feat: enhance tab-container with loading mixin and simplify code * refactor: update variable references to use root prefix in styles * docs: add tabs shortcode support to README files * fix: ensure shortcode is enclosed within a tabs block * feat: add responsive design for tab-container on smaller screens * test: remove unnecessary placement attribute for segment tabs * refactor: remove unused vertical attribute from tabs shortcode * fix: set default tab type to 'underline' for consistency * refactor: update tab-button and tab-panel selectors for improved specificity
19 lines
916 B
HTML
19 lines
916 B
HTML
{{- with $.Parent -}}
|
|
{{- if ne $.Parent.Name "tabs" -}}
|
|
{{- errorf "Found shortcode %q enclosed inside a %q block, must be enclosed inside a %q block. Error position: %s" $.Name $.Parent.Name "tabs" $.Position -}}
|
|
{{- end -}}
|
|
{{- else -}}
|
|
{{- errorf "shortcode %q must be enclosed inside a %q block, but no parent block was found. Error position: %s" $.Name "tabs" $.Position -}}
|
|
{{- end -}}
|
|
|
|
{{- $id := dict "Page" .Page | partial "function/id.html" -}}
|
|
{{- $title := .Get "title" -}}
|
|
{{- .Parent.Store.Add "tabs" (slice (dict "title" $title "id" $id)) -}}
|
|
{{- $content := trim .Inner "\r\n" -}}
|
|
{{- /* Remove p tags around complete tab-container structure */ -}}
|
|
{{- $content = $content | replaceRE `<p>(<tab-container[^>]*>[\s\S]*?</button>)</p>` "$1" -}}
|
|
|
|
{{- /* Tab panel */ -}}
|
|
<div role="tabpanel" aria-labelledby="tab-{{ $id }}" class="tab-panel">{{ $content | safeHTML }}</div>
|
|
{{- /* EOF */ -}}
|