1.6.3

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 1.6.3
+
+Fixed an issue causing DF Chat Enhancement context menus to sometimes be inaccesible.
+
+Rejiggered some css - possibly increased performance for low end machines.
+
 # 1.6.2
 
 Updated manifest _again_.

module.json

@@ -13,9 +13,8 @@
   ],
   "version": "1.6.2",
   "compatibility": {
-    "minimum": "10.0.0",
-    "verified": "10.285",
-    "maximum": "10"
+    "minimum": "10",
+    "verified": "10.284"
   },
   "relationship": {
     "systems": [

scripts/dorako-ui.js

@@ -785,18 +785,6 @@ Hooks.once("init", async () => {
     },
   });
 
-  game.settings.register("pf2e-dorako-ui", "disable-all-styles", {
-    name: "Disable all styles?",
-    hint: "Ignore all the toggles and removes any effect of the module, without having to disable it.",
-    scope: "client",
-    type: Boolean,
-    default: false,
-    config: true,
-    onChange: () => {
-      debouncedReload();
-    },
-  });
-
   game.settings.register("pf2e-dorako-ui", "center-hotbar", {
     name: "Center hotbar (macrobar)?",
     hint: "",
@@ -994,85 +982,82 @@ Hooks.once("init", async () => {
     },
   });
 
-  if (!game.settings.get("pf2e-dorako-ui", "disable-all-styles")) {
-    injectCSS("dorako-ui");
-
-    const root = document.querySelector(":root").style;
-    if (game.settings.get("pf2e-dorako-ui", "center-hotbar")) {
-      root.setProperty("--hotbar-margin-left", "calc(50% - 300px)");
-    } else {
-      root.setProperty("--hotbar-margin-left", "10px");
-    }
+  injectCSS("dorako-ui");
 
-    if (game.settings.get("pf2e-dorako-ui", "backdrop-filter")) {
-      root.setProperty(
-        "--dorako-vibrancy",
-        "brightness(1.5) contrast(1.2) saturate(1.5) blur(5px)"
-      );
-      root.setProperty("--dorako-bg-current", "var(--dorako-bg-glass)");
-    }
+  const root = document.querySelector(":root").style;
+  if (game.settings.get("pf2e-dorako-ui", "center-hotbar")) {
+    root.setProperty("--hotbar-margin-left", "calc(50% - 300px)");
+  } else {
+    root.setProperty("--hotbar-margin-left", "10px");
+  }
 
+  if (game.settings.get("pf2e-dorako-ui", "backdrop-filter")) {
+    injectCSS("backdrop-filter");
     root.setProperty(
-      "--edge-margin",
-      game.settings.get("pf2e-dorako-ui", "edge-offset").toString() + "px"
+      "--dorako-vibrancy",
+      "brightness(1.5) contrast(1.2) saturate(1.5) blur(5px)"
     );
+    root.setProperty("--dorako-bg-current", "var(--dorako-bg-glass)");
+  }
 
-    root.setProperty(
-      "--chat-portrait-size",
-      game.settings.get("pf2e-dorako-ui", "chat-portrait-size").toString() +
-        "px"
-    );
+  root.setProperty(
+    "--edge-margin",
+    game.settings.get("pf2e-dorako-ui", "edge-offset").toString() + "px"
+  );
 
-    root.setProperty(
-      "--chat-input-height",
-      game.settings.get("pf2e-dorako-ui", "chat-input-height").toString() + "px"
-    );
+  root.setProperty(
+    "--chat-portrait-size",
+    game.settings.get("pf2e-dorako-ui", "chat-portrait-size").toString() + "px"
+  );
 
-    if (game.settings.get("pf2e-dorako-ui", "skin-navigation"))
-      injectCSS("navigation");
-    if (game.settings.get("pf2e-dorako-ui", "skin-controls"))
-      injectCSS("controls");
-    if (game.settings.get("pf2e-dorako-ui", "skin-token-hud"))
-      injectCSS("token-hud");
-    if (game.settings.get("pf2e-dorako-ui", "skin-chat")) injectCSS("chat");
-    if (game.settings.get("pf2e-dorako-ui", "skin-sidebar"))
-      injectCSS("sidebar");
-    if (game.settings.get("pf2e-dorako-ui", "skin-combat-tracker"))
-      injectCSS("combat-tracker");
-    if (game.settings.get("pf2e-dorako-ui", "skin-effect-panel"))
-      injectCSS("effect-panel");
-    if (game.settings.get("pf2e-dorako-ui", "skin-app-ui")) injectCSS("app-ui");
-    if (game.settings.get("pf2e-dorako-ui", "skin-hotbar")) injectCSS("hotbar");
-    if (game.settings.get("pf2e-dorako-ui", "skin-window-controls"))
-      injectCSS("window-control");
-    if (game.settings.get("pf2e-dorako-ui", "skin-token-action-hud"))
-      injectCSS("token-action-hud");
-    if (game.settings.get("pf2e-dorako-ui", "skin-custom-hotbar"))
-      injectCSS("custom-hotbar");
-    if (game.settings.get("pf2e-dorako-ui", "skin-dice-tray"))
-      injectCSS("dice-tray");
-    let headerStyle = game.settings.get("pf2e-dorako-ui", "headerStyle");
-    if (headerStyle != "none") {
-      injectCSS("header");
-    }
-    injectCSS("chat-dark");
-
-    if (game.settings.get("pf2e-dorako-ui", "skin-combat-carousel"))
-      injectCSS("combat-carousel");
-
-    setting = game.settings.get("pf2e-dorako-ui", "rolltype-indication");
-    if (setting == "both" || setting == "bg-color")
-      injectCSS("chat-blind-whisper");
-    if (game.settings.get("pf2e-dorako-ui", "chat-portrait-border"))
-      injectCSS("chat-portrait-border");
-    if (game.settings.get("pf2e-dorako-ui", "compact-ui"))
-      injectCSS("compact-ui");
-    if (game.settings.get("pf2e-dorako-ui", "no-logo")) injectCSS("no-logo");
-    setting = game.settings.get("pf2e-dorako-ui", "sheet");
-    if (setting == "dark") injectCSS("pc-sheet-dark");
-    setting = game.settings.get("pf2e-dorako-ui", "familiar-sheet");
-    if (setting == "dark" || setting == "darkRedHeader")
-      injectCSS("familiar-sheet-dark");
-    if (setting == "darkRedHeader") injectCSS("familiar-sheet-dark-red-header");
+  root.setProperty(
+    "--chat-input-height",
+    game.settings.get("pf2e-dorako-ui", "chat-input-height").toString() + "px"
+  );
+
+  if (game.settings.get("pf2e-dorako-ui", "skin-navigation"))
+    injectCSS("navigation");
+  if (game.settings.get("pf2e-dorako-ui", "skin-controls"))
+    injectCSS("controls");
+  if (game.settings.get("pf2e-dorako-ui", "skin-token-hud"))
+    injectCSS("token-hud");
+  if (game.settings.get("pf2e-dorako-ui", "skin-chat")) injectCSS("chat");
+  if (game.settings.get("pf2e-dorako-ui", "skin-sidebar")) injectCSS("sidebar");
+  if (game.settings.get("pf2e-dorako-ui", "skin-combat-tracker"))
+    injectCSS("combat-tracker");
+  if (game.settings.get("pf2e-dorako-ui", "skin-effect-panel"))
+    injectCSS("effect-panel");
+  if (game.settings.get("pf2e-dorako-ui", "skin-app-ui")) injectCSS("app-ui");
+  if (game.settings.get("pf2e-dorako-ui", "skin-hotbar")) injectCSS("hotbar");
+  if (game.settings.get("pf2e-dorako-ui", "skin-window-controls"))
+    injectCSS("window-control");
+  if (game.settings.get("pf2e-dorako-ui", "skin-token-action-hud"))
+    injectCSS("token-action-hud");
+  if (game.settings.get("pf2e-dorako-ui", "skin-custom-hotbar"))
+    injectCSS("custom-hotbar");
+  if (game.settings.get("pf2e-dorako-ui", "skin-dice-tray"))
+    injectCSS("dice-tray");
+  let headerStyle = game.settings.get("pf2e-dorako-ui", "headerStyle");
+  if (headerStyle != "none") {
+    injectCSS("header");
   }
+  injectCSS("chat-dark");
+
+  if (game.settings.get("pf2e-dorako-ui", "skin-combat-carousel"))
+    injectCSS("combat-carousel");
+
+  setting = game.settings.get("pf2e-dorako-ui", "rolltype-indication");
+  if (setting == "both" || setting == "bg-color")
+    injectCSS("chat-blind-whisper");
+  if (game.settings.get("pf2e-dorako-ui", "chat-portrait-border"))
+    injectCSS("chat-portrait-border");
+  if (game.settings.get("pf2e-dorako-ui", "compact-ui"))
+    injectCSS("compact-ui");
+  if (game.settings.get("pf2e-dorako-ui", "no-logo")) injectCSS("no-logo");
+  setting = game.settings.get("pf2e-dorako-ui", "sheet");
+  if (setting == "dark") injectCSS("pc-sheet-dark");
+  setting = game.settings.get("pf2e-dorako-ui", "familiar-sheet");
+  if (setting == "dark" || setting == "darkRedHeader")
+    injectCSS("familiar-sheet-dark");
+  if (setting == "darkRedHeader") injectCSS("familiar-sheet-dark-red-header");
 });

styles/app-ui.css

@@ -9,7 +9,6 @@
      border: none;
      border-radius: 0px;
      box-shadow: none;
-     backdrop-filter: none;
      background: none;
      background-image: none;
  }
@@ -18,18 +17,12 @@
 
  #players {
      background-color: var(--dorako-bg-current);
-     backdrop-filter: var(--dorako-vibrancy);
  }
 
  #players,
  .window-app:not(.outlaws-wrapper, .journal-entry) .window-header,
  .window-app.minimized .window-header {
      border: none;
-     /* background-color: var(--dorako-bg-current);
-     backdrop-filter: var(--dorako-vibrancy); */
-     /*will-change: backdrop-filter;*/
-     /* transform: translate3d(0px, 0px, 0px); */
-     /* box-shadow: var(--glassy); */
  }
 
  #ui-top.offset {
@@ -189,7 +182,6 @@
      font-weight: 900;
      position: absolute;
      right: 0px;
-     backdrop-filter: var(--dorako-vibrancy);
      width: 55px;
      justify-content: center;
  }
@@ -214,7 +206,6 @@
 
  .app.sidebar-popout .window-content {
      background-color: var(--dorako-bg-current);
-     backdrop-filter: var(--dorako-vibrancy);
      overflow: hidden;
  }
 

styles/backdrop-filter.css

@@ -0,0 +1,33 @@
+.app.window-app,
+#token-hud .attribute.bar1 input:hover,
+.placeable-hud input[type="text"]:hover,
+.placeable-hud .control-icon,
+.placeable-hud input[type="text"],
+#players,
+.app.sidebar-popout .window-content,
+#fps,
+#custom-bar-toggle,
+#custom-hotbar-page-controls,
+#custom-hotbar-page-controls.bar-controls.flexcol,
+#custom-hotbar #custom-macro-list.flexrow,
+#dfcp-rt-buttons button,
+.dice-tray button,
+#token-hud .status-effects,
+.status-effects .status-effect-summary,
+#hotbar #hotbar-directory-controls,
+#hotbar #hotbar-page-controls,
+#hotbar #macro-list,
+#hotbar .macro.inactive,
+#hotbar .macro:not(.active),
+#hotbar #macro-list,
+#navigation #nav-toggle,
+#navigation #scene-list .scene.view,
+#navigation #nav-toggle:hover,
+#navigation #scene-list .scene,
+#navigation #scene-list .scene.gm,
+#sidebar.app,
+.tah-action button,
+.tah-title-button,
+.sheet.journal-entry {
+    backdrop-filter: var(--dorako-vibrancy);
+}

styles/chat-dark.css

@@ -12,9 +12,9 @@
 }
 
 
-#chat-log .dark-theme select,
-#chat-log .dark-theme button,
-#chat-log .dark-theme form button,
+.dark-theme select,
+.dark-theme .pf2e.chat-card .card-buttons button,
+.dark-theme form button,
 .dark-theme .dice-roll .dice-formula,
 .dark-theme .dice-total:not(.statuseffect-message),
 .dark-theme .message-content .chat-damage-buttons button {

styles/chat.css

@@ -1654,4 +1654,14 @@ span[data-pf2-check].with-repost {
 .dark-theme .monks-tokenbar .sheet .items-list,
 .dark-theme .monks-tokenbar.chat-card .card-header h3 {
     color: white;
+}
+
+/* .message #context-menu.expand-down {
+    top: unset;
+} */
+
+.dfce-cm-bottom #context-menu,
+.dfce-cm-middle #context-menu,
+.dfce-cm-top #context-menu {
+    display: contents;
 }

styles/controls.css

@@ -90,7 +90,7 @@
 
 #controls ol .scene-control,
 #controls ol .control-tool {
-    transition: backdrop-filter 0.15s ease-out;
+    /* transition: backdrop-filter 0.15s ease-out; */
     transition: background-color 0.15s ease-out;
     color: rgba(240, 240, 240, 1);
     text-shadow: var(--dorako-text-shadow);

styles/dice-tray.css

@@ -3,12 +3,11 @@
 /* Glass - Add new styling */
 
 #dfcp-rt-buttons button,
-.dice-tray button
-{
+.dice-tray button {
     border: none;
     border-radius: var(--dorako-radius);
     background-color: var(--dorako-bg-current);
-    backdrop-filter: var(--dorako-vibrancy);
+    /* backdrop-filter: var(--dorako-vibrancy); */
     /*will-change: backdrop-filter;*/
     transform: translate3d(0px, 0px, 0px);
     box-shadow: var(--glassy);
@@ -34,5 +33,5 @@
 }
 
 .dice-tray button svg {
-    height:32px;
+    height: 32px;
 }

styles/dorako-ui.css

@@ -22,16 +22,19 @@
     --dorako-vibrancy-inactive: brightness(0.5) contrast(1.0) blur(15px); */
 
     --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 3px rgba(255, 255, 255, .5);
-    --glassy:
+    /* --glassy:
         0px 0px 2px rgba(255, 255, 255, 0.4) inset,
         0px 0px 6px rgba(255, 255, 255, 0.2) inset,
         1px 1px 1px rgba(0, 0, 0, 1),
         1px -1px 1px rgba(0, 0, 0, 1),
         -1px -1px 1px rgba(0, 0, 0, 1),
         -1px 1px 1px rgba(0, 0, 0, 1),
         0px 0px 3px rgba(0, 0, 0, 1),
-        0px 0px 4px rgba(0, 0, 0, 0.5);
-
+        0px 0px 4px rgba(0, 0, 0, 0.5); */
+    --glassy:
+        0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset,
+        0px 0px 2px 1px rgba(0, 0, 0, 1),
+        0px 0px 5px 0px rgba(0, 0, 0, 0.5);
 
     --primary-hue: 0;
     --primary-sat: 100%;