more pr feedback about fragments and assets

adobecom · Dec 18, 2024 · c4c646f · c4c646f
1 parent cc89619
commit c4c646f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/tools/floodbox/floodbox.css b/tools/floodbox/floodbox.css
@@ -133,7 +133,7 @@ select {
 }
 
 .detail-card-remaining,
-.detail-card-fragments {
+.detail-card-fragments-assets {
   background: rgb(202 248 250);
 }
 

diff --git a/tools/floodbox/floodbox.js b/tools/floodbox/floodbox.js
@@ -45,7 +45,7 @@ function updateTabUi(app, target, delay = 0) {
 }
 
 function renderBadge(name, length, hasList = false, hasCancel = false) {
-  const lowerName = name.toLowerCase().replace(/ /g, '-');
+  const lowerName = name.toLowerCase().replace(/\W+/g, '-');
   const hasExpand = length > 0 && hasList;
 
   return html`

diff --git a/tools/floodbox/floodgate/floodgate.js b/tools/floodbox/floodgate/floodgate.js
@@ -582,7 +582,7 @@ export default class MiloFloodgate extends LitElement {
         ${this._canCopyPaths ? html`<p>Press the "Copy" button above to copy these files.</p>` : nothing}
         <div class="detail-cards find-cards">
           ${floodbox.renderBadge('Pages', this._filesToCopy.length)}
-          ${floodbox.renderBadge('Fragments', this._fragmentsAssets.size)}
+          ${floodbox.renderBadge('Fragments & Assets', this._fragmentsAssets.size)}
         </div>
         ${floodbox.renderChecklist(this, this._filesToCopy)}
       </div>