1.9.8

CHANGELOG.md

@@ -1,3 +1,12 @@
+# 1.9.8
+
+(Refinement) Make scrollbar track for effects panel invisible
+(Fix) Make collapsed sidebar not take up all the vertical height
+(Fix) Ensure module is not styling Monk's Little Details' roundmarker chat messages
+(Refinement) Fix double-shadowing of hotbar
+(Refinement) Improve styling of Monk's Tokenbar
+(Refinement) Minor updates to TAH styling
+
 # 1.9.7
 
 (Refinement) Extended dark theme styling to affect variable-action cost spell buttons

sass/_effects-panel.scss

@@ -16,6 +16,9 @@
     height: 100%;
     padding-top: 5px;
     padding-bottom: 10%; // Make room so panel can be scrolled up to read popouts without overlapping with UI
+    &::-webkit-scrollbar-track {
+        box-shadow: none;
+    }
 
     .effect-item {
         display: flex;

sass/_hotbar.scss

@@ -8,6 +8,7 @@
         width: calc(var(--macro-size) + 2px);
         @include glass;
         @include quick-transition;
+        box-shadow: none;
 
         &.inactive::before,
         &.active::before {

sass/_navigation.scss

@@ -20,6 +20,10 @@ nav#navigation {
             transition: 0.25s;
             text-shadow: 0px 0px 3px black;
 
+            .scene-players {
+                text-shadow: none;
+            }
+
             &:hover {
                 background-color: rgb(177 177 177 / 50%);
                 color: black;
@@ -37,9 +41,6 @@ nav#navigation {
                 &:hover {
                     color: white;
                     background-color: var(--primary-light);
-                    a, a:hover {
-                        text-shadow: 0px 0px 3px black;
-                    }
                 }
             }
 
@@ -51,9 +52,6 @@ nav#navigation {
                 &.view {
                     color: var(--color-text-light-highlight);
                     background-color: var(--secondary-light);
-                    a, a:hover {
-                        text-shadow: 0px 0px 3px black;
-                    }
                 }
             }
 

sass/_sidebar.scss

@@ -5,6 +5,9 @@
 #ui-right {
     #sidebar {
         height: -webkit-fill-available;
+        &.collapsed {
+            height: auto;
+        }
     }
 }
 

sass/module-support.scss

@@ -293,6 +293,13 @@ nav.damage-log-nav.tabs {
 /* ----------------------------------------- */
 
 #tokenbar {
+    gap: 3px;
+
+    .token-list {
+        gap: 5px;
+        border: none;
+    }
+
     .bar-controls {
         @include glass;
         div#tokenbar-move-handle {
@@ -306,15 +313,25 @@ nav.damage-log-nav.tabs {
         @include quick-transition;
         .token-stats {
             background: none;
+            text-shadow: 0px 0px 3px black;
         }
-        &:hover .token-icon {
-            box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy);
+        &:hover {
+            background-color: var(--primary);
+            .token-icon {
+                // box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy);
+                box-shadow: none;
+                filter: drop-shadow(0px 0px 5px var(--tertiary));
+            }
         }
 
         .token-icon {
             box-shadow: none;
             border-radius: 3px;
         }
+        .tooltip {
+            @include glass;
+            backdrop-filter: blur(5px);
+        }
     }
 }
 
@@ -331,7 +348,7 @@ nav.damage-log-nav.tabs {
     margin: 2px;
     box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
     border-radius: 3px;
-    text-shadow: none;
+    text-shadow: 0px 0px 3px black;
     background-color: var(--primary-light);
     color: var(--color-text-light-highlight);
 }
@@ -408,13 +425,27 @@ nav.damage-log-nav.tabs {
 #hotbar .hotbar-page .hotbar-page-row .bar-controls span.page-number,
 #hotbar .hotbar-page .hotbar-page-row .bar-controls i {
     line-height: 52px;
-    ;
 }
 
 #hotbar .hotbar-page .hotbar-page-row.selected .bar-controls .page-number {
     color: var(--tertiary-dark);
 }
 
+[data-tooltip="MonksHotbarExpansion.clear-row"] {
+    @include quick-transition;
+    &:hover {
+        i {
+            text-shadow: 0 0 8px var(--color-shadow-primary);
+        }
+    }
+}
+
+.hotbar-page .page-number{
+    @include quick-transition;
+    &:hover {
+        text-shadow: 0 0 8px var(--color-shadow-primary);
+    }
+}
 #hotbar {
     width: 647px;
 
@@ -538,11 +569,19 @@ nav.damage-log-nav.tabs {
 #tah-expand-hud, .tah-title-button {
     @include quick-transition;
     color: var(--color-text-light-heading);
+    padding: 3px 5px 3px 5px;
     &:hover {
         color: var(--color-text-light-highlight);
     }
 }
 
+.tah-category.hover {
+    button.tah-title-button {
+        background-color: var(--primary);
+        color: var(--color-text-light-highlight);
+    }
+}
+
 .tah-subtitle {
     width: 174px;
 }
@@ -725,7 +764,12 @@ nav.damage-log-nav.tabs {
     }
 }
 
-.chat-message>.message-header.dorako-header {
+// This actually looks better just gone, regardles of dorako-header
+// .chat-message>.message-header.dorako-header {
+//     margin-bottom: 0px;
+// }
+
+.chat-message>.message-header {
     margin-bottom: 0px;
 }
 

scripts/dorako-ui.js

@@ -312,7 +312,9 @@ Hooks.on("renderCombatTracker", addScalingToCombatTrackerAvatars);
 
 // Chat cards
 Hooks.on("renderChatMessage", (chatMessage, html, messageData) => {
-  if (chatMessage.flags["narrator-tools"]) {
+  isNarratorToolsMessage = chatMessage.flags["narrator-tools"];
+  isRoundMarker = chatMessage.flags["monks-little-details"]?.roundmarker;
+  if (isNarratorToolsMessage || isRoundMarker) {
     return;
   }