flexmonster 2.9.10 → 2.9.11

package/theme/flexmonster-base.less

@@ -1,7 +1,7 @@
 @import (reference) "default/flexmonster.less";
 
 :root {
-    --fm-version: "2.9.10";
+    --fm-version: "2.9.11";
 }
 
 /* ===== RESET STYLES ===== */
@@ -3286,8 +3286,9 @@
     }
 
     .fm-popup-header {
+        display: flex;
         .fm-ui-col:first-child {
-            max-width: 300px;
+            min-width: 100px;
 
             span.fm-ui-label {
                 white-space: nowrap;
@@ -3296,6 +3297,21 @@
             }
         }
 
+        .fm-ui-col:nth-child(1) {
+            flex: 1;
+
+            .fm-popup-subtitle {
+                width: fit-content;
+            }
+        }
+
+        .fm-ui-col:nth-child(2) {
+            min-width: 405px;
+            position: relative;
+            right: 0px;
+            margin-left: 30px;
+        }
+
         .fm-btn-add-measure {
             padding-right: 32px;
             max-width: 250px;
@@ -3910,9 +3926,21 @@
             height: ~"calc(100% - 50px)";
             height: ~"-webkit-calc(100% - 50px)";
         }
+
+        .fm-ui-col:nth-child(2) {
+            min-width: 260px;
+        }
     }
 
     &.fm-layout-mobile-small {
+        .fm-popup-header {
+            flex-direction: column;
+        }
+        
+        .fm-ui-col:nth-child(2) {
+            margin-left: auto;
+        }
+
         .fm-popup-content {
             height: ~"calc(100% - 95px)";
             height: ~"-webkit-calc(100% - 95px)";
@@ -3930,8 +3958,13 @@
         height: 467px;
 
         .fm-popup-header {
-            .fm-ui-col:first-child {
+            .fm-ui-col:nth-child(1) {
                 margin-right: 20px;
+                flex: none;
+            }
+
+            .fm-ui-col:nth-child(2) {
+                min-width: auto;
             }
 
             .fm-btn-add-measure {
@@ -6369,21 +6402,20 @@
                 flex-direction: column;
                 
                 .fm-title-text.fm-ui-col {
-                    max-width: unset;
+                    max-width: none !important;
                     width: 100%;
                     font-size: @ui-title-font-size-smaller;
                     margin-bottom: 10px;
                 }
-
             }
 
             .fm-toolbox {
                 display: flex;
-                max-width: unset !important;
-                width: unset !important;
+                max-width: none !important;
+                width: auto !important;
 
                 .fm-ui-btn:not(.fm-button-add) {
-                    max-width: unset;
+                    max-width: none;
                     flex: 1;
                 }
             }
@@ -6402,7 +6434,7 @@
     }
 
     .fm-title-text {
-        max-width: 46%;
+        max-width: 46% !important;
         width: ~"-webkit-calc(100% - 270px)";
         width: ~"calc(100% - 270px)";
     }
@@ -6444,7 +6476,8 @@
         }
 
         .fm-values {
-            width: 150px;
+            width: ~"calc(100% - 390px)";
+            width: ~"-webkit-calc(100% - 390px)";
         }
 
         .fm-conditions {
@@ -6452,7 +6485,8 @@
         }
 
         .fm-font-family {
-            width: 150px;
+            width: ~"calc(100% - 390px)";
+            width: ~"-webkit-calc(100% - 390px)";
         }
 
         .fm-font-size {
@@ -7151,7 +7185,7 @@
 
 #fm-toolbar-wrapper .fm-toolbar-ui .fm-button-add {
   padding-right: 30px;
-  min-width: unset;
+  min-width: auto;
 }
 
 #fm-toolbar-wrapper .fm-toolbar-ui .fm-button-add-large {

package/theme/green/flexmonster.css

@@ -1,5 +1,5 @@
 :root {
-  --fm-version: "2.9.10";
+  --fm-version: "2.9.11";
 }
 /* ===== RESET STYLES ===== */
 #fm-pivot-view,
@@ -3441,14 +3441,29 @@
 #fm-pivot-view .fm-fields-view .fm-btn-add-measure-2:hover:before {
   color: #59a10e;
 }
+#fm-pivot-view .fm-fields-view .fm-popup-header {
+  display: flex;
+}
 #fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:first-child {
-  max-width: 300px;
+  min-width: 100px;
 }
 #fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:first-child span.fm-ui-label {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
+#fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:nth-child(1) {
+  flex: 1;
+}
+#fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:nth-child(1) .fm-popup-subtitle {
+  width: fit-content;
+}
+#fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:nth-child(2) {
+  min-width: 405px;
+  position: relative;
+  right: 0px;
+  margin-left: 30px;
+}
 #fm-pivot-view .fm-fields-view .fm-popup-header .fm-btn-add-measure {
   padding-right: 32px;
   max-width: 250px;
@@ -4313,6 +4328,15 @@
   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;
+}
+#fm-pivot-view .fm-fields-view.fm-layout-mobile-small .fm-ui-col:nth-child(2) {
+  margin-left: auto;
+}
 #fm-pivot-view .fm-fields-view.fm-layout-mobile-small .fm-popup-content {
   height: calc(100% - 95px);
   height: -webkit-calc(100% - 95px);
@@ -4326,8 +4350,12 @@
   min-height: 467px;
   height: 467px;
 }
-#fm-pivot-view .fm-fields-view.fm-flat-fields .fm-popup-header .fm-ui-col:first-child {
+#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;
@@ -6514,18 +6542,18 @@
   flex-direction: column;
 }
 #fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile .fm-panel-content .fm-title-bar .fm-title-text.fm-ui-col {
-  max-width: unset;
+  max-width: none !important;
   width: 100%;
   font-size: 18px;
   margin-bottom: 10px;
 }
 #fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile .fm-panel-content .fm-toolbox {
   display: flex;
-  max-width: unset !important;
-  width: unset !important;
+  max-width: none !important;
+  width: auto !important;
 }
 #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: unset;
+  max-width: none;
   flex: 1;
 }
 /* Conditional formatting */
@@ -6538,7 +6566,7 @@
   width: 54% !important;
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-title-text {
-  max-width: 46%;
+  max-width: 46% !important;
   width: -webkit-calc(100% - 270px);
   width: calc(100% - 270px);
 }
@@ -6574,13 +6602,15 @@
   color: #59a10e;
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-values {
-  width: 150px;
+  width: calc(100% - 390px);
+  width: -webkit-calc(100% - 390px);
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-conditions {
   width: 150px;
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-font-family {
-  width: 150px;
+  width: calc(100% - 390px);
+  width: -webkit-calc(100% - 390px);
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-font-size {
   width: 100px;
@@ -7171,7 +7201,7 @@
 }
 #fm-toolbar-wrapper .fm-toolbar-ui .fm-button-add {
   padding-right: 30px;
-  min-width: unset;
+  min-width: auto;
 }
 #fm-toolbar-wrapper .fm-toolbar-ui .fm-button-add-large {
   padding-left: 36px;