flexmonster 2.9.11 → 2.9.12

package/theme/flexmonster-base.less

@@ -1,7 +1,7 @@
 @import (reference) "default/flexmonster.less";
 
 :root {
-    --fm-version: "2.9.11";
+    --fm-version: "2.9.12";
 }
 
 /* ===== RESET STYLES ===== */
@@ -3306,7 +3306,7 @@
         }
 
         .fm-ui-col:nth-child(2) {
-            min-width: 405px;
+            min-width: fit-content;
             position: relative;
             right: 0px;
             margin-left: 30px;
@@ -3926,10 +3926,6 @@
             height: ~"calc(100% - 50px)";
             height: ~"-webkit-calc(100% - 50px)";
         }
-
-        .fm-ui-col:nth-child(2) {
-            min-width: 260px;
-        }
     }
 
     &.fm-layout-mobile-small {
@@ -3958,14 +3954,6 @@
         height: 467px;
 
         .fm-popup-header {
-            .fm-ui-col:nth-child(1) {
-                margin-right: 20px;
-                flex: none;
-            }
-
-            .fm-ui-col:nth-child(2) {
-                min-width: auto;
-            }
 
             .fm-btn-add-measure {
                 min-width: 40px;
@@ -4201,11 +4189,6 @@
     }
     /* layouts */
     &.fm-layout-tablet {
-        .fm-popup-header {
-            .fm-ui-col:first-child {
-                margin-right: 20px;
-            }
-        }
 
         .fm-list-wrap .fm-list-header.fm-list-header-wide {
             .fm-list-header-label-wrap {
@@ -6319,11 +6302,13 @@
 }
 
 #fm-toolbar-wrapper div.fm-panel .fm-title-bar .fm-toolbox {
+    flex: 1;
     margin-top: 0;
-    max-width: 55%;
-    width: 55%;
+    min-width: fit-content;
+    width: fit-content;
     float: right;
     text-align: right;
+    margin-left: 30px;
 }
 
 #fm-toolbar-wrapper div.fm-panel .fm-toolbox .fm-ui-btn {
@@ -6343,8 +6328,10 @@
 
 #fm-toolbar-wrapper div.fm-panel .fm-panel-content {
     position: relative;
-
+    
     .fm-title-bar {
+        display: flex;
+        justify-content: center;
         clear: both;
         margin-bottom: 24px;
 
@@ -6360,7 +6347,7 @@
 
             &.fm-ui-col {
                 text-align: left;
-                max-width: 45%;
+                flex: 1;
             }
         }
     }
@@ -6413,6 +6400,7 @@
                 display: flex;
                 max-width: none !important;
                 width: auto !important;
+                margin-left: 0;
 
                 .fm-ui-btn:not(.fm-button-add) {
                     max-width: none;

package/theme/green/flexmonster.css

@@ -1,5 +1,5 @@
 :root {
-  --fm-version: "2.9.11";
+  --fm-version: "2.9.12";
 }
 /* ===== RESET STYLES ===== */
 #fm-pivot-view,
@@ -3459,7 +3459,7 @@
   width: fit-content;
 }
 #fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:nth-child(2) {
-  min-width: 405px;
+  min-width: fit-content;
   position: relative;
   right: 0px;
   margin-left: 30px;
@@ -4328,9 +4328,6 @@
   height: calc(100% - 50px);
   height: -webkit-calc(100% - 50px);
 }
-#fm-pivot-view .fm-fields-view.fm-layout-mobile .fm-ui-col:nth-child(2) {
-  min-width: 260px;
-}
 #fm-pivot-view .fm-fields-view.fm-layout-mobile-small .fm-popup-header {
   flex-direction: column;
 }
@@ -4350,13 +4347,6 @@
   min-height: 467px;
   height: 467px;
 }
-#fm-pivot-view .fm-fields-view.fm-flat-fields .fm-popup-header .fm-ui-col:nth-child(1) {
-  margin-right: 20px;
-  flex: none;
-}
-#fm-pivot-view .fm-fields-view.fm-flat-fields .fm-popup-header .fm-ui-col:nth-child(2) {
-  min-width: auto;
-}
 #fm-pivot-view .fm-fields-view.fm-flat-fields .fm-popup-header .fm-btn-add-measure {
   min-width: 40px;
   width: 40px;
@@ -4595,9 +4585,6 @@
   height: calc(100% - 35px);
   height: -webkit-calc(100% - 35px);
 }
-#fm-pivot-view .fm-fields-view.fm-layout-tablet .fm-popup-header .fm-ui-col:first-child {
-  margin-right: 20px;
-}
 #fm-pivot-view .fm-fields-view.fm-layout-tablet .fm-list-wrap .fm-list-header.fm-list-header-wide .fm-list-header-label-wrap {
   position: absolute;
   top: 50%;
@@ -6474,11 +6461,13 @@
   text-align: center;
 }
 #fm-toolbar-wrapper div.fm-panel .fm-title-bar .fm-toolbox {
+  flex: 1;
   margin-top: 0;
-  max-width: 55%;
-  width: 55%;
+  min-width: fit-content;
+  width: fit-content;
   float: right;
   text-align: right;
+  margin-left: 30px;
 }
 #fm-toolbar-wrapper div.fm-panel .fm-toolbox .fm-ui-btn {
   height: 38px;
@@ -6496,6 +6485,8 @@
   position: relative;
 }
 #fm-toolbar-wrapper div.fm-panel .fm-panel-content .fm-title-bar {
+  display: flex;
+  justify-content: center;
   clear: both;
   margin-bottom: 24px;
 }
@@ -6511,7 +6502,7 @@
 }
 #fm-toolbar-wrapper div.fm-panel .fm-panel-content .fm-title-bar .fm-title-text.fm-ui-col {
   text-align: left;
-  max-width: 45%;
+  flex: 1;
 }
 #fm-toolbar-wrapper .fm-popup-modal-overlay {
   z-index: 20;
@@ -6551,6 +6542,7 @@
   display: flex;
   max-width: none !important;
   width: auto !important;
+  margin-left: 0;
 }
 #fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile .fm-panel-content .fm-toolbox .fm-ui-btn:not(.fm-button-add) {
   max-width: none;