rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Code Issues Actions Packages Releases Activity

Temp commit with a beginning of a solution...

Browse Source
This commit is contained in:
Hannah Issermann 2024-09-11 12:16:07 +02:00
parent 429e0c3b9d
commit 6fc3ed5c07
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/5.3/components/accordion.md
View File

@ -70,7 +70,7 @@ To render an accordion that's expanded by default:
Add `.accordion-flush` to remove some borders and rounded corners to render accordions edge-to-edge with their parent container. Add `.accordion-flush` to remove some borders and rounded corners to render accordions edge-to-edge with their parent container.
{{< example class="bg-body-secondary" >}} {{< example class="bg-body-secondary" buttons_labels="flush accordion example">}}
<div class="accordion accordion-flush" id="accordionFlushExample"> <div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item"> <div class="accordion-item">
<h2 class="accordion-header"> <h2 class="accordion-header">

9
site/layouts/shortcodes/example.html
View File

@ -8,6 +8,7 @@
* show_markup: if the markup should be output in the HTML - default: `true` * show_markup: if the markup should be output in the HTML - default: `true`
* show_preview: if the preview should be output in the HTML - default: `true` * show_preview: if the preview should be output in the HTML - default: `true`
* stackblitz_add_js: if extra JS snippet should be added to StackBlitz - default: `false` * stackblitz_add_js: if extra JS snippet should be added to StackBlitz - default: `false`
* buttons_labels: label to apply to complete 'Try it on Stackblitz' and 'Copy to clipboard' buttons - default: ""
*/ -}} */ -}}
{{- $id := .Get "id" -}} {{- $id := .Get "id" -}}
@ -16,10 +17,14 @@
{{- $show_markup := .Get "show_markup" | default true -}} {{- $show_markup := .Get "show_markup" | default true -}}
{{- $show_preview := .Get "show_preview" | default true -}} {{- $show_preview := .Get "show_preview" | default true -}}
{{- $stackblitz_add_js := .Get "stackblitz_add_js" | default false -}} {{- $stackblitz_add_js := .Get "stackblitz_add_js" | default false -}}
{{- $buttons_labels := .Get "buttons_labels" | default "" -}}
{{- $content := .Inner -}} {{- $content := .Inner -}}
<div class="bd-example-snippet bd-code-snippet"> <div class="bd-example-snippet bd-code-snippet">
{{- if eq $buttons_labels "" }}toto{{ else }} {{ $buttons_labels }} {{- end }}
{{- if not (eq $buttons_labels "") }} {{ $buttons_labels }} {{- end }}
{{- if eq $show_preview true }} {{- if eq $show_preview true }}
<div{{ with $id }} id="{{ . }}"{{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}"> <div{{ with $id }} id="{{ . }}"{{ end }} class="bd-example m-0 border-0{{ with $class }} {{ . }}{{ end }}">
{{ $content }} {{ $content }}
@ -31,10 +36,10 @@
<div class="d-flex align-items-center highlight-toolbar ps-3 pe-2 py-1 border-0 border-top border-bottom"> <div class="d-flex align-items-center highlight-toolbar ps-3 pe-2 py-1 border-0 border-top border-bottom">
<small class="font-monospace text-body-secondary text-uppercase">{{ $lang }}</small> <small class="font-monospace text-body-secondary text-uppercase">{{ $lang }}</small>
<div class="d-flex ms-auto"> <div class="d-flex ms-auto">
<button type="button" class="btn-edit text-nowrap"{{ with $stackblitz_add_js }} data-sb-js-snippet="{{ $stackblitz_add_js }}"{{ end }} title="Try it on StackBlitz"> <button type="button" class="btn-edit text-nowrap"{{ with $stackblitz_add_js }} data-sb-js-snippet="{{ $stackblitz_add_js }}"{{ end }} title="Try {{- if eq $buttons_labels "" }} it{{ else }} {{ $buttons_labels }} {{- end }} on StackBlitz">
<svg class="bi" aria-hidden="true"><use xlink:href="#lightning-charge-fill"/></svg> <svg class="bi" aria-hidden="true"><use xlink:href="#lightning-charge-fill"/></svg>
</button> </button>
<button type="button" class="btn-clipboard mt-0 me-0" title="Copy to clipboard"> <button type="button" class="btn-clipboard mt-0 me-0" title="Copy {{- if eq $buttons_labels "" }} {{ else }} {{ $buttons_labels }} {{- end }}to clipboard">
<svg class="bi" aria-hidden="true"><use xlink:href="#clipboard"/></svg> <svg class="bi" aria-hidden="true"><use xlink:href="#clipboard"/></svg>
</button> </button>
</div> </div>