mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 12:51:52 +02:00
Code Issues Releases Wiki Activity

Fix StackBlitz examples needing docs CSS (#36637)

Browse Source
This commit is contained in:
Julien Déramond
2022-06-28 07:31:47 +02:00
committed by GitHub
parent 4f4b42dd14
commit 9cf0e9b735
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
site/layouts/partials/scripts.html
View File

@@ -27,8 +27,8 @@
btn.addEventListener('click', event => { btn.addEventListener('click', event => {
const htmlSnippet = event.target.closest('.bd-code-snippet').querySelector('.bd-example').innerHTML const htmlSnippet = event.target.closest('.bd-code-snippet').querySelector('.bd-example').innerHTML
// Get extra classes for this example except '.bd-example' // Get extra classes for this example
const classes = Array.from(event.target.closest('.bd-code-snippet').querySelector('.bd-example').classList).filter(x => x !== 'bd-example').join(' ') 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') const jsSnippet = event.target.closest('.bd-code-snippet').querySelector('.btn-edit').getAttribute('data-sb-js-snippet')
StackBlitzSDK.openBootstrapSnippet(htmlSnippet, jsSnippet, classes) StackBlitzSDK.openBootstrapSnippet(htmlSnippet, jsSnippet, classes)
@@ -42,10 +42,11 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="{{ .Site.Params.cdn.css }}" rel="stylesheet"> <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> <title>Bootstrap Example</title>
<${'script'} src="{{ .Site.Params.cdn.js_bundle }}"></${'script'}> <${'script'} src="{{ .Site.Params.cdn.js_bundle }}"></${'script'}>
</head> </head>
<body class="p-3 ${classes}"> <body class="p-3 m-0 border-0 ${classes}">
<!-- Example Code --> <!-- Example Code -->
${htmlSnippet.replace(/^/gm, ' ')} ${htmlSnippet.replace(/^/gm, ' ')}