v1.3.3

- Small fix for flavor text on chat card;
- Small fix for player list when icon size is larger;
- Changed order of settings;

README.md

@@ -1,4 +1,4 @@
-**Latest Version:** 1.3.2
+**Latest Version:** 1.3.3
 
 **Compatibility:** 
 - Foundry VTT version 12.328+

dist/module.json

@@ -1,7 +1,7 @@
 {
   "id": "crlngn-ui",
   "title": "Carolingian UI",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Style changes and tweaks to improve look and feel of Foundry UI",
   "url": "https://github.com/crlngn/crlngn-ui",
   "manifest": "https://github.com/crlngn/crlngn-ui/releases/latest/download/module.json",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "crlngn-ui",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Tweaks and style adjustments to improve UI on Foundry",
   "license": "MIT",
   "private": true,

src/constants/Settings.mjs

@@ -23,28 +23,20 @@ export const SETTINGS = {
     requiresReload: true 
   }, 
 
-  customFont: { 
-    tag: "custom-font", 
-    label: "Custom fonts", 
-    hint: "You can type the name of custom fonts loaded on Foundry core and they will be used throughout the interface. Names with spaces must be written with double quotes (\"Font Name\"). If the font doesn't load you haven't typed the name correctly, or the font was not found. Default value: "+`"Work Sans", Arial, sans-serif`, 
-    propType: String, 
-    inputType: SETTING_INPUT.text, 
-    default: `"Work Sans", "Roboto", Arial, sans-serif`, 
+  controlIconSize: { 
+    tag: "conrol-icon-size", 
+    label: "Size of control icons", 
+    hint: "If you use a very large screen, you may want to change the size of the icons on left controls. This may affect some other UI elements", 
+    propType: Number, 
+    choices: {
+      1: "small",
+      2: "normal"
+    },
+    inputType: SETTING_INPUT.number, 
+    default: 1, 
     scope: SETTING_SCOPE.client, 
-    config: true, 
-    requiresReload: true 
-  }, 
-
-  debugMode: { 
-    tag: "debug-mode", 
-    label: "Debug Mode",
-    hint: "Enable or disable debug messages on browser console",
-    propType: Boolean,
-    inputType: SETTING_INPUT.checkbox,
-    default: false,
-    scope: SETTING_SCOPE.client,
-    config: true
-  },
+    config: true 
+  } ,
 
   sceneNavCollapsed: { 
     tag: "scene-nav-collapsed", 
@@ -140,6 +132,18 @@ export const SETTINGS = {
     requiresReload: false 
   },
 
+  customFont: { 
+    tag: "custom-font", 
+    label: "Custom fonts", 
+    hint: "You can type the name of custom fonts loaded on Foundry core and they will be used throughout the interface. Names with spaces must be written with double quotes (\"Font Name\"). If the font doesn't load you haven't typed the name correctly, or the font was not found. Default value: "+`"Work Sans", Arial, sans-serif`, 
+    propType: String, 
+    inputType: SETTING_INPUT.text, 
+    default: `"Work Sans", "Roboto", Arial, sans-serif`, 
+    scope: SETTING_SCOPE.client, 
+    config: true, 
+    requiresReload: true 
+  }, 
+
   enableCameraStyles: {
     tag: "enable-camera-styles", 
     label: "Enable floating camera dock", 
@@ -196,19 +200,15 @@ export const SETTINGS = {
     config: true 
   } ,
 
-  controlIconSize: { 
-    tag: "conrol-icon-size", 
-    label: "Size of control icons", 
-    hint: "If you use a very large screen, you may want to change the size of the icons on left controls. This may affect some other UI elements", 
-    propType: Number, 
-    choices: {
-      1: "small",
-      2: "normal"
-    },
-    inputType: SETTING_INPUT.number, 
-    default: 1, 
-    scope: SETTING_SCOPE.client, 
-    config: true 
-  } 
+  debugMode: { 
+    tag: "debug-mode", 
+    label: "Debug Mode",
+    hint: "Enable or disable debug messages on browser console",
+    propType: Boolean,
+    inputType: SETTING_INPUT.checkbox,
+    default: false,
+    scope: SETTING_SCOPE.client,
+    config: true
+  },
 
 }

src/module.json

@@ -1,7 +1,7 @@
 {
   "id": "crlngn-ui",
   "title": "Carolingian UI",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Style changes and tweaks to improve look and feel of Foundry UI",
   "url": "https://github.com/crlngn/crlngn-ui",
   "manifest": "https://github.com/crlngn/crlngn-ui/releases/latest/download/module.json",

src/styles/chat.css

@@ -122,6 +122,7 @@ body.crlngn-chat {
     letter-spacing: 0.02em;
     font-size: var(--font-size-11);
     line-height: 1.4;
+    margin: 0.5em 0;
     /*display: none !important;*/
   }
 

src/styles/players-list.css

@@ -116,6 +116,7 @@ body.crlngn-ui {
       & > ol {
         max-height: 10vh;
         max-width: var(--max-players-width);
+        min-width: var(--left-control-item-size);
 
         li.player {
           line-height: 1.2em;
@@ -124,16 +125,18 @@ body.crlngn-ui {
           align-items: center;
           justify-content: flex-start;
           overflow: visible; 
-          width: auto;
+          width: 100%;
           max-width: 100%;
           font-size: var(--font-size-12);
+          min-width: var(--left-control-item-size);
+          flex: 0 0 var(--left-control-item-size);
 
           span.player-active {
             display: flex;
             width: 8px;
             height: 8px;
             flex: 0 0 8px;
-            margin: 0 13px;
+            margin: 0 calc((var(--left-control-item-size) - 8px) / 2);
             border: 1px solid rgba(255,255,255,0.5);
           }
 
@@ -145,6 +148,11 @@ body.crlngn-ui {
             margin-left: calc(var(--left-control-item-size) * -1);
             opacity: 0;
             transition: opacity 0.15s ease-in-out;
+            flex: 0 0 var(--left-control-item-size);
+          }
+
+          i{
+            display: none;
           }
         }
       }
@@ -160,6 +168,10 @@ body.crlngn-ui {
         white-space: nowrap;
         text-overflow: ellipsis;
       }
+      &:not(.auto-hide) ol li i,
+      &:hover ol li i{
+        display: inline-flex;
+      }
 
     }
   }