patch 3 support

CHANGELOG.md

@@ -1,3 +1,6 @@
+### 1.4.21
+* Compatibility: Foundry 9.251+ Patch 3 Support
+
 ### 1.4.20
 * Bugfix: Logo image setting has now a filepicker to choose logo easily
 * Bugfix: Fixed a WebRTC error where rtc client might have not yet loaded

module.json

@@ -10,7 +10,7 @@
 		}
 	],
 	"description": "Minimal UI allows customizing Foundry interface, by hiding, collapsing or resizing specific parts.",
-	"version": "1.4.20",
+	"version": "1.4.21",
 	"minimumCoreVersion": "9.233",
 	"compatibleCoreVersion": "9",
 	"dependencies": [
@@ -42,6 +42,6 @@
 	],
 	"url": "https://github.com/saif-ellafi/foundryvtt-minimal-ui.git",
 	"manifest": "https://github.com/saif-ellafi/foundryvtt-minimal-ui/releases/latest/download/module.json",
-	"download": "https://github.com/saif-ellafi/foundryvtt-minimal-ui/releases/download/1.4.20/foundryvtt-minimal-ui_1.4.20.zip",
+	"download": "https://github.com/saif-ellafi/foundryvtt-minimal-ui/releases/download/1.4.21/foundryvtt-minimal-ui_1.4.21.zip",
 	"changelog": "https://github.com/saif-ellafi/foundryvtt-minimal-ui/blob/main/CHANGELOG.md"
 }

modules/component/controls.js

@@ -6,18 +6,15 @@ export default class MinimalUIControls {
     static delayedProcessing = false;
 
     static cssControlsStandardWidth = '36px';
-    static cssControlsStandardHeight = '30px';
-    static cssControlsStandardLineHeight = '30px';
+    static cssControlsStandardHeight = '36px';
+    static cssControlsStandardLineHeight = '36px';
     static cssControlsStandardFontSize = '24px';
 
     static cssControlsSmallWidth = '25px';
     static cssControlsSmallHeight = '24px';
     static cssControlsSmallLineHeight = '25px';
     static cssControlsSmallFontSize = '15px';
 
-    static cssControlSubMarginSmall = 0;
-    static cssControlSubMarginStandard = 10;
-
     static positionControls() {
         const logoSettings = game.settings.get('minimal-ui', 'foundryLogoSize');
         const navSettings = game.settings.get('minimal-ui', 'sceneNavigation');
@@ -43,22 +40,16 @@ export default class MinimalUIControls {
     }
 
     static sizeControls() {
-        const logoSettings = game.settings.get('minimal-ui', 'foundryLogoSize');
         if (game.settings.get('minimal-ui', 'controlsSize') === 'small') {
             rootStyle.setProperty('--controlsw', MinimalUIControls.cssControlsSmallWidth);
             rootStyle.setProperty('--controlsh', MinimalUIControls.cssControlsSmallHeight);
             rootStyle.setProperty('--controlslh', MinimalUIControls.cssControlsSmallLineHeight);
             rootStyle.setProperty('--controlsfs', MinimalUIControls.cssControlsSmallFontSize);
-            if (logoSettings === 'small')
-                rootStyle.setProperty('--controlssubmargin', MinimalUIControls.cssControlSubMarginSmall + 'px');
-            else
-                rootStyle.setProperty('--controlssubmargin', (MinimalUIControls.cssControlSubMarginSmall - 10) + 'px');
         } else {
             rootStyle.setProperty('--controlsw', MinimalUIControls.cssControlsStandardWidth);
             rootStyle.setProperty('--controlsh', MinimalUIControls.cssControlsStandardHeight);
             rootStyle.setProperty('--controlslh', MinimalUIControls.cssControlsStandardLineHeight);
             rootStyle.setProperty('--controlsfs', MinimalUIControls.cssControlsStandardFontSize);
-            rootStyle.setProperty('--controlssubmargin', MinimalUIControls.cssControlSubMarginStandard + 'px');
         }
     }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "foundryvtt-minimal-ui",
-  "version": "1.4.20",
+  "version": "1.4.21",
   "description": "Minimal UI allows customizing Foundry interface, by hiding, collapsing or resizing specific parts.",
   "main": "minimalui.js",
   "scripts": {

styles/component/controls.css

@@ -4,7 +4,6 @@
     --controlslh: 30px;
     --controlsfs: 24px;
     --controlstop: 75px;
-    --controlssubmargin: 0;
     --opacitycontrols: 75%;
     --controlssubop: 100%;
     --controlssubopna: 100%;
@@ -15,7 +14,6 @@
     opacity: var(--opacitycontrols);
     transition: 2s;
     margin-top: var(--controlstop);
-    margin-left: -14px;
 }
 
 #controls:hover {
@@ -27,7 +25,7 @@
     overflow: visible;
 }
 
-#controls ol .scene-control, #controls ol .control-tool {
+#controls > ol.main-controls > li.scene-control, #controls > ol.sub-controls > li {
     width: var(--controlsw);
     height: var(--controlsh);
     line-height: var(--controlslh);
@@ -53,7 +51,6 @@
 
 #controls ol.sub-controls.active {
     opacity: var(--controlssubop);
-    margin-left: var(--controlssubmargin);
     transition: 2s;
 }