1.11.22

CHANGELOG.md

@@ -1,3 +1,8 @@
+# 1.11.22
+
+- (Refinement) Updated the wrapping-behavior of long in-character and player names. In general more stuff should avoid reflowing.
+- (System) Added experimental compatability with SWADE. Lots of stuff expected to work not-quite-right.
+
 # 1.11.21
 
 - (Module) Added support for Monk's Enhanced Journals.

module.json

@@ -26,6 +26,14 @@
           "minimum": "4.0.0",
           "verified": "4.7.1"
         }
+      },
+      {
+        "id": "swade",
+        "type": "system",
+        "compatibility": {
+          "minimum": "2.2.5",
+          "verified": "2.2.5"
+        }
       }
     ]
   },

modules/consts.js

@@ -17,7 +17,7 @@ export const darkThemeIncompatibleApplications = ["Tokenizer","JournalTextTinyMC
 export const exclusivelyDarkApplications = ["FABattlemaps", "FADownloader"]
 
 // prettier-ignore
-export const baseThemeCoreFoundryApplications = ["ImagePopout","SceneControls", "SidebarTab", "PlayerList", "HeadsUpDisplay", "Notifications", "TokenHUD", "Sidebar","SceneNavigation"];
+export const baseThemeCoreFoundryApplications = ["ImagePopout","SceneControls", "SidebarTab", "PlayerList", "HeadsUpDisplay", "Notifications", "TokenHUD", "Sidebar","SceneNavigation", "Hotbar"];
 // prettier-ignore
 export const baseThemePf2eApplications = ["HotbarPF2e", "EffectsPanel", "SceneDarknessAdjuster"]; // "JournalSheetPF2e",
 // prettier-ignore

modules/message-hooks.js

@@ -553,3 +553,11 @@ Hooks.on("renderChatMessage", (message, b) => {
     }
   }
 });
+
+// Add .spell to spells
+Hooks.on("renderChatMessage", (app, html, data) => {
+  const item = app?.item;
+  if (!item) return;
+  if (!item.constructor.name.includes("SpellPF2e")) return;
+  html[0].classList.add("spell");
+});

sass/_messages.scss

@@ -13,13 +13,18 @@
   gap: 5px;
   align-items: center;
 
+  .message-metadata {
+    flex: 2.5;
+  }
+
   .header-meta {
     border-radius: 3px;
     padding: 2px;
     font-size: x-small;
     align-self: center;
     text-align: center;
     text-shadow: none;
+    white-space: nowrap;
   }
 
   &.light-header-text {
@@ -46,9 +51,17 @@
     }
   }
 
+  .player-name,
+  .message-sender {
+    max-width: 160px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
   .portrait-and-name {
     flex-grow: 1;
     display: flex;
+    flex-basis: 100px;
     gap: 5px;
 
     .portrait-wrapper {
@@ -122,7 +135,7 @@
               z-index: 1;
               position: absolute;
               top: 0px;
-              left: 2px;
+              left: 2.4px;
               clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%);
               color: gray;
             }
@@ -182,6 +195,10 @@
 /* Chat card                                 */
 /* ----------------------------------------- */
 
+.dorako-ui.message.chat-message.spell {
+  padding-bottom: 0px;
+}
+
 // Chat messages can be popped out, .message is too general and applies to stuff in modules
 .dorako-ui.message.chat-message {
   @include sheet;
@@ -362,8 +379,7 @@
         border-image-source: var(--ornamentation);
         border-image-width: 14px;
         border-style: double;
-        padding-left: 8px;
-        padding-right: 8px;
+        padding: 3px 10px;
         font-weight: 500;
         margin: 0px;
 

sass/_mixins.scss

@@ -10,7 +10,7 @@
   $transitionTime: 0.15s;
   transition: text-shadow $transitionTime ease-in-out, background-color $transitionTime ease-in-out,
     border $transitionTime ease-in-out, color $transitionTime ease-in-out, box-shadow $transitionTime ease-in-out,
-    backdrop-filter $transitionTime ease-in-out;
+    backdrop-filter $transitionTime ease-in-out, border-radius $transitionTime;
 }
 
 @mixin gold-border {