8
0
Quellcode durchsuchen

An empty HTML snippet container will have additional class.

Kamil Piechaczek vor 6 Jahren
Ursprung
Commit
3f89e0c454
1 geänderte Dateien mit 7 neuen und 1 gelöschten Zeilen
  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 );