Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJulien Déramond <juderamond@gmail.com>2022-06-27 21:13:42 +0300
committerJulien Déramond <juderamond@gmail.com>2022-06-27 22:10:16 +0300
commit35753db7fb8fdbcd02eb6ad8e6f299fec6471f67 (patch)
treebcc4babd8267e1b1a05715f7ac98cee2c140a66c
parent4f4b42dd14dd9a59df6536585142864eea4383b9 (diff)
Fix StackBlitz examples needing docs CSSmain-jd-fix-stackblitz-examples-by-adding-docs-css
-rw-r--r--site/layouts/partials/scripts.html7
1 files changed, 4 insertions, 3 deletions
diff --git a/site/layouts/partials/scripts.html b/site/layouts/partials/scripts.html
index 477ba76e58..3378a230e9 100644
--- a/site/layouts/partials/scripts.html
+++ b/site/layouts/partials/scripts.html
@@ -27,8 +27,8 @@
btn.addEventListener('click', event => {
const htmlSnippet = event.target.closest('.bd-code-snippet').querySelector('.bd-example').innerHTML
- // Get extra classes for this example except '.bd-example'
- const classes = Array.from(event.target.closest('.bd-code-snippet').querySelector('.bd-example').classList).filter(x => x !== 'bd-example').join(' ')
+ // Get extra classes for this example
+ const classes = Array.from(event.target.closest('.bd-code-snippet').querySelector('.bd-example').classList).join(' ')
const jsSnippet = event.target.closest('.bd-code-snippet').querySelector('.btn-edit').getAttribute('data-sb-js-snippet')
StackBlitzSDK.openBootstrapSnippet(htmlSnippet, jsSnippet, classes)
@@ -42,10 +42,11 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="{{ .Site.Params.cdn.css }}" rel="stylesheet">
+ <link href="https://getbootstrap.com/docs/{{ .Site.Params.docs_version }}/assets/css/docs.css" rel="stylesheet">
<title>Bootstrap Example</title>
<${'script'} src="{{ .Site.Params.cdn.js_bundle }}"></${'script'}>
</head>
- <body class="p-3 ${classes}">
+ <body class="p-3 m-0 border-0 ${classes}">
<!-- Example Code -->
${htmlSnippet.replace(/^/gm, ' ')}