Feat: Align actor sheet button DND5E2 (#281)

Co-authored-by: Matt Potts <matt@@mrpotts.uk>
misterpotts · Feb 16, 2024 · 8877dea · 8877dea
1 parent c3b5244
commit 8877dea
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 5 deletions.
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -1,4 +1,4 @@
-title: Fabricate 0.10.18
+title: Fabricate 0.10.19
 email: [email protected]
 description: >- 
   End user documentation for the Foundry Virtual Tabletop (VTT) Module, "Fabricate".

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fabricate",
-  "version": "0.10.18",
+  "version": "0.10.19",
   "description": "A system-agnostic, flexible crafting module for FoundryVT",
   "main": "index.js",
   "type": "module",

diff --git a/src/scripts/module.ts b/src/scripts/module.ts
@@ -134,15 +134,15 @@ Hooks.on("renderActorSheet", async (actorSheet: ActorSheet, html: any) => {
     const headerButton = {
         label: "Crafting",
         tooltip: "Fabricate Crafting",
-        class: "fab-actor-sheet-header-button",
+        class: "fab-actor-sheet-header-button header-button",
         icon: "fas fabricate-icon-logo",
         onclick: async () => {
             await fabricateUserInterfaceAPI.renderActorCraftingApp({
                 targetActorId: actorSheet.actor.id
             });
         }
     };
-    const button = $(`<a class="${headerButton.class}" data-tooltip="${headerButton.tooltip}"><i class="${headerButton.icon}"></i>${headerButton.label}</a>`);
+    const button = $(`<a class="${headerButton.class}" data-tooltip="${headerButton.tooltip}"><i class="${headerButton.icon}"></i><span class="fab-button-text">${headerButton.label}</span></a>`);
     button.on("click", headerButton.onclick);
     button.insertAfter(title);
 

diff --git a/src/styles/module.less b/src/styles/module.less
@@ -259,7 +259,6 @@ BEGIN FABRICATE THEME STYLES
         i.fa-circle-exclamation {
           color: var(--color-error-bg);
           position: absolute;
-          top: 1px;
           font-size: var(--font-size-20);
           right: -9px;
           top: -9px;
@@ -1286,6 +1285,26 @@ END COMMON STRUCTURAL STYLES
   }
 }
 
+/*
+=====================================================================
+  BEGIN DND5E2 THEME STYLES
+=====================================================================
+*/
+
+.dnd5e2 {
+  .fab-actor-sheet-header-button {
+    .fab-button-text {
+      display: none;
+    }
+  }
+}
+
+/*
+=====================================================================
+  END DND5E2 THEME STYLES
+=====================================================================
+ */
+
 /*
 =====================================================================
   BEGIN FABRICATE CUSTOM WEB FONT STYLES