Multiple Macro bar Size

CHANGELOG.md

@@ -1,3 +1,7 @@
+### 0.5.0
+* Enhancement: Macro Hotbar has 3 sizes: 3-6-10 Slots!
+* Enhancement: Macro Hotbar collapse button in auto-hide mode removed
+
 ### 0.4.7
 * Bugfix: Removed color pickers from players view settings.
   It was never intended. Please do share feedback if you think

README.md

@@ -4,17 +4,32 @@ Configurable UI module, allows the user to hide, collapse or auto-hide component
 
 This includes hiding Foundry's Logo, Players List, Scene Navigation and Macro Bar.
 
-* Foundry Logo may be hidden or resized, and made clickable to toggle UI elements.
+### Foundry Logo
+* Foundry Logo may be hidden or resized
+* Can be made clickable to toggle show/hide HUD (Including chat or not)
+
+### Player List
 * Scenes, Player list and left side controls customized for minimalism by default
+* Players list may be hidden completely, shown on hover or shown normally
+
+### Scene Navigation
 * Scene Navigation allows preview the map on mouse over (GM Only)
+* Allows Hiding or having the scene navigation collapsed by default
+
+### Macro Hotbar
 * Macro Bar may be hidden, collapsed, auto-hidden (default) or shown
+* Macro Bar may be customized to 3 slots, 6 or default 10
 * Macro Bar may be repositioned along the X-Axis
-* Players list may be hidden completely, shown on hover or shown normally
-* Allows Hiding or having the scene navigation collapsed by default
+
+### Left Side Control Buttons
 * Left controls may be collapsed into a single column (or not)
+* May be shown normally or auto-hide mode on mouse over 
 * Left controls may be standard or small size
-* Left controls may be moved vertically and set behavior to auto-hidden
-* Colors of borders and shadows and their strength customizeable
+* Left controls may be repositioned along the Y-Axis
+
+### Customization
+* Colors of borders and shadows and their strength customizable
+* Position of elements in the UI can be modified
 
 ## Support with Systems and Modules
 MinimalUI is made as agnostic as possible. Yet, it is impossible to ensure maximum compatibility.

minimalui.css

@@ -36,59 +36,61 @@
     --macrobarhv: 10px;
     --macrobarmg: 0px;
     --macrobarhh: 100%;
-
+    --macrobarwf: 502px;
+
     --bordercolor: #ff4900bd;
     --shadowcolor: #ff4900bd;
     --shadowstrength: 10px;
   }
-  
+
   #logo {
     visibility: var(--logovis);
     height: var(--logoh);
     width: var(--logow);
   }
-  
+
   /** MACRO HOTBAR **/
-  
+
   #hotbar:hover {
     bottom: var(--macrobarhv);
     transition: 0.5s;
   }
-  
+
   #hotbar {
     left: var(--macrobarxpos);
     bottom: var(--macrobarypos);
     visibility: var(--macrobarvis);
     transition: 0.05s ease-out 0.5s;
   }
-  
+
   #hotbar .bar-controls {
     background: #191919;
     height: var(--macrobarhh);
     margin: var(--macrobarmg) 2px;
   }
-  
+
   #hotbar .bar-controls a.page-control {
     font-size: 20px;
   }
-  
+
   #hotbar #hotbar-directory-controls {
     font-size: 14px;
   }
-  
+
   #hotbar .bar-controls span.page-number {
     line-height: var(--macrobarlh2);
   }
-  
+
   #hotbar #macro-list:hover {
     border-top: 1px solid var(--bordercolor);
     box-shadow: 0px 0px var(--shadowstrength) 2px var(--shadowcolor);
     transition: 0.5s;
   }
-  
+
   #hotbar #macro-list {
     border-top: 1px solid var(--bordercolor);
     box-shadow: 0px -1px var(--shadowstrength) 2px var(--shadowcolor);
+    flex: 0 0 var(--macrobarwf);
     transition: 0.05s ease-out 0.5s;
   }