1.11.14

CHANGELOG.md

@@ -1,3 +1,8 @@
+# 1.11.14
+
+- (Refinement) When player-tags are enabled, remove the non-tag speaker name if it is identical to the tag. This conserves space.
+- (New) New UX setting that animates whispers from players to GM to draw attention to them.
+
 # 1.11.13
 
 - (Fix) Fixed an issue where TinyMCE text editors were illegible while editing in dark theme.

languages/en.json

@@ -133,6 +133,10 @@
           "name": "Remove attack info from damage roll messages?",
           "hint": "Makes damage rolls take up less space by removing redundant hit information. Intended to be used with DFCE chat-merge"
         },
+        "animate-messages": {
+          "name": "Animate messages to draw attention to certain events?",
+          "hint": "Makes whispers from players to GM draw more attention"
+        },
         "compact-ui": {
           "name": "Enable Compact UI?",
           "hint": "Resizes controls, and hides inactive controls and navigation elements unless hovered"

modules/message-hooks.js

@@ -319,6 +319,9 @@ function injectAuthorName(html, messageData) {
     playerNameElem.appendChild(document.createTextNode(playerName));
     playerNameElem.classList.add("player-name");
     playerNameElem.classList.add("header-meta");
+    if (playerName === messageData.alias) {
+      html.find(".message-sender").addClass("dorako-display-none");
+    }
     messageSenderElem.append(playerNameElem);
   }
 }
@@ -354,6 +357,15 @@ function injectMessageTag(html, messageData) {
       rolltype.text(i18n("pf2e-dorako-ui.text.whisper"));
       messageMetadata.prepend(rolltype);
     }
+
+    if (game.settings.get("pf2e-dorako-ui", "ux.animate-messages")) {
+      // Draw attention to direct whispers from players to GM
+      const isGmSpeaker = game.users.get(messageData.message.user)?.isGM;
+      const isGmTarget = game.users.get(whisperTargets?.[0])?.isGM;
+      if (!(isBlind || isSelf) && isWhisper && !isGmSpeaker && isGmTarget) {
+        html[0].classList.add("attention");
+      }
+    }
   }
 }
 

modules/settings/ux-settings.js

@@ -13,6 +13,7 @@ export class UXSettings extends SettingsMenuDorakoUI {
     "remove-attack-info-from-damage-roll-messages",
     "center-hotbar",
     "enable-player-tags",
+    "animate-messages",
     "rolltype-indication",
     "start-sidebar-collapsed",
     "start-navigation-collapsed",
@@ -91,6 +92,21 @@ export class UXSettings extends SettingsMenuDorakoUI {
           }
         },
       },
+      "animate-messages": {
+        name: "pf2e-dorako-ui.settings.ux.animate-messages.name",
+        hint: "pf2e-dorako-ui.settings.ux.animate-messages.hint",
+        scope: "world",
+        type: Boolean,
+        default: true,
+        config: true,
+        requiresReload: false,
+        onChange: () => {
+          const messages = game.messages.filter((m) => m instanceof ChatMessage);
+          for (const message of messages) {
+            ui.chat.updateMessage(message);
+          }
+        },
+      },
       "compact-ui": {
         name: "pf2e-dorako-ui.settings.ux.compact-ui.name",
         hint: "pf2e-dorako-ui.settings.ux.compact-ui.hint",

pf2e-dorako-ui.lock

@@ -0,0 +1 @@
+🔒

sass/_messages.scss

@@ -185,7 +185,7 @@
 // Chat messages can be popped out, .message is too general and applies to stuff in modules
 .dorako-ui.message.chat-message {
   @include sheet;
-  @include gold-border-shadow;
+  // @include gold-border-shadow; bad idea, chat merge makes messages drop shadows on each other
   margin: 5px 3px 3px 3px;
 
   &.whisper {
@@ -389,3 +389,20 @@
     outline: 1px dashed #720073;
   }
 }
+
+/* ----------------------------------------- */
+/* Attention                                 */
+/* ----------------------------------------- */
+
+.dorako-ui.message.chat-message.attention {
+  animation: wiggle ease-in-out infinite 1s alternate;
+}
+
+@keyframes wiggle {
+  0% {
+    transform: scale(0.9) translate(-15px);
+  }
+  100% {
+    transform: scale(0.9) translate(15px);
+  }
+}

sass/foundry/_forms.scss

@@ -165,7 +165,7 @@
       filter: none;
     }
 
-    &:hover {
+    &:not(:disabled):hover {
       border-color: var(--secondary-light);
       box-shadow: 0px 0px 5px var(--secondary-light);
     }