Sfoglia il codice sorgente

An empty HTML snippet container will have additional class.

Kamil Piechaczek 6 anni fa
parent
commit
3f89e0c454
1 ha cambiato i file con 7 aggiunte e 1 eliminazioni
  1. 7 1
      scripts/docs/snippetadapter.js

+ 7 - 1
scripts/docs/snippetadapter.js

@@ -163,8 +163,14 @@ module.exports = function snippetAdapter( snippets, options, umbertoHelpers ) {
 
 					let snippetHTML = fs.readFileSync( snippetData.snippetSources.html ).toString();
 
+					const elementClasses = [ 'live-snippet' ];
+
+					if ( !snippetHTML.trim() ) {
+						elementClasses.push( 'live-snippet--empty' );
+					}
+
 					snippetHTML = snippetHTML.replace( /%BASE_PATH%/g, snippetData.basePath );
-					snippetHTML = `<div class="live-snippet">${ snippetHTML }</div>`;
+					snippetHTML = `<div class="${ elementClasses.join( ' ' ) }">${ snippetHTML }</div>`;
 
 					content = content.replace( getSnippetPlaceholder( snippetData.snippetName ), snippetHTML );