@gooddata/sdk-ui-dashboard 10.23.0-alpha.9 → 10.23.0

package/styles/scss/alerting.scss

@@ -140,12 +140,15 @@
     line-height: 14px;
     color: kit-variables.$gd-color-text;
     width: 100%;
+    display: flex;
+    flex-direction: column;
 }
 
 .gd-edit-alert__form {
     padding: 10px 10px 0 10px;
-    max-height: dashboard-variables.$gd-configuration-alert-content-height;
     overflow: auto;
+    flex: 1 1 auto;
+    min-height: 0;
 }
 
 .gd-edit-alert__destination-label,
@@ -193,6 +196,7 @@
 
 .gd-edit-alert__buttons {
     padding: 10px;
+    flex: 0 0 auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -362,6 +366,19 @@
     }
 }
 
+.gd-configuration-bubble-wrapper.truncated {
+    .gd-alerts-configuration-panel-management,
+    .gd-alerts-configuration-panel {
+        height: 100%;
+    }
+}
+
+.gd-configuration-bubble-wrapper:not(.truncated) {
+    .gd-edit-alert__form {
+        max-height: dashboard-variables.$gd-configuration-alert-content-height;
+    }
+}
+
 //
 // Comparison operator select
 //

package/styles/scss/dashboard.scss

@@ -9,6 +9,7 @@
 @use "notifications_channels_dialog";
 @use "scheduled_mail_recipients";
 @use "item-states";
+@use "zIndexes";
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 
 $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
@@ -98,6 +99,18 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
             width: 100%;
             min-width: 0;
         }
+
+        &.viz-type-headline {
+            box-sizing: content-box;
+        }
+    }
+
+    &.type-rich-text {
+        .viz-line-family-chart {
+            width: 100%;
+            min-width: 0;
+        }
+        min-height: 55px;
     }
 
     &:hover {
@@ -730,7 +743,7 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
 }
 
 .gd-fluidlayout-column-container {
-    z-index: 10;
+    z-index: zIndexes.$dashboard-layout-column;
 }
 
 .gd-header-menu-overlay {

package/styles/scss/filterBar.scss

@@ -29,6 +29,25 @@ $attribute-filter-drag-handle-left: 10px;
     }
 }
 
+.filters-message {
+    position: absolute;
+    left: 50%;
+    display: block;
+    transform: translateX(-50%);
+    // without any z-index, the message is hidden on mobile view
+    z-index: zIndexes.$dashboard-message;
+
+    a {
+        font-weight: bold;
+        cursor: pointer;
+    }
+
+    .filters-message-spacer {
+        width: 10px;
+        display: inline-block;
+    }
+}
+
 .gd-dash-header-wrapper {
     z-index: zIndexes.$filterbar-old; // we have to leave this style unchanged because old plugins
     transition: left variables.$sidebar-transition-length;
@@ -131,6 +150,10 @@ $attribute-filter-drag-handle-left: 10px;
     min-height: variables.$filter-bar-height;
     margin-right: variables.$scrollbar-width;
 
+    .apply-all-at-once & {
+        width: calc(100% - 225px); // make space for global apply button too
+    }
+
     .dash-filters-date {
         max-width: 285px;
     }

package/styles/scss/notifications_channels_dialog.scss

@@ -1,4 +1,4 @@
-// (C) 2019-2024 GoodData Corporation
+// (C) 2019-2025 GoodData Corporation
 @use "@gooddata/sdk-ui-kit/styles/scss/Button/_variables" as button-variables;
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 @use "_variables" as variables;
@@ -21,6 +21,9 @@ $min-content-height: 110px;
         max-height: 99vh;
     }
 }
+.gd-notifications-channels-dialog-overlay.truncated {
+    overflow-y: auto;
+}
 
 .gd-dialog:not(.gd-dropdown).gd-notifications-channels-dialog {
     // TODO: test this with IE https://caniuse.com/#search=calc

package/styles/scss/richTextWidget.scss

@@ -1,4 +1,4 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 @use "@gooddata/sdk-ui-kit/styles/scss/Button/_variables" as button-variables;
@@ -11,7 +11,7 @@
     display: flex;
     flex-direction: column;
     overflow-x: hidden;
-    overflow-y: auto;
+    overflow-y: hidden;
     position: absolute;
     left: 0;
     top: 0;