@gooddata/sdk-ui-dashboard 11.20.0-alpha.2 → 11.20.0-alpha.4

package/styles/css/main.css

@@ -1465,6 +1465,7 @@
   position: relative;
   width: 100%;
   overflow-y: auto;
+  overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -1910,6 +1911,7 @@ button.gd-list-item {
 .gd-flex-item-stretch {
   flex: 1 1 auto;
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 
 @media only screen and (max-width: 640px) {
@@ -1943,6 +1945,7 @@ button.gd-list-item {
   .gd-flex-item-stretch-mobile {
     flex: 1 1 auto;
     overflow-y: auto;
+    overscroll-behavior: contain;
   }
 }
 /* ==========================================================================
@@ -2233,6 +2236,7 @@ button.gd-list-item {
 .gd-message-overlay .gd-message-text-content.on {
   visibility: visible;
   overflow: auto;
+  overscroll-behavior: contain;
   height: 100%;
   max-height: 100px;
 }
@@ -3715,6 +3719,7 @@ button.gd-list-item {
   position: relative;
   width: 100%;
   overflow-y: auto;
+  overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -6155,6 +6160,7 @@ input[type=search]::-webkit-search-cancel-button {
 .gd-flex-item-stretch {
   flex: 1 1 auto;
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 
 @media only screen and (max-width: 640px) {
@@ -6188,6 +6194,7 @@ input[type=search]::-webkit-search-cancel-button {
   .gd-flex-item-stretch-mobile {
     flex: 1 1 auto;
     overflow-y: auto;
+    overscroll-behavior: contain;
   }
 }
 .gd-attribute-filter__next {
@@ -8720,6 +8727,7 @@ div.gd-empty-item-bubble {
   position: relative;
   width: 100%;
   overflow-y: auto;
+  overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -13155,6 +13163,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   display: flex;
   flex-direction: column;
   overflow: auto;
+  overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
   max-height: 100vh;
   width: 100%;
@@ -13770,6 +13779,7 @@ input[type=search]::-webkit-search-cancel-button {
 .gd-flex-item-stretch {
   flex: 1 1 auto;
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 
 @media only screen and (max-width: 640px) {
@@ -13803,6 +13813,7 @@ input[type=search]::-webkit-search-cancel-button {
   .gd-flex-item-stretch-mobile {
     flex: 1 1 auto;
     overflow-y: auto;
+    overscroll-behavior: contain;
   }
 }
 /**
@@ -15143,6 +15154,7 @@ input[type=search]::-webkit-search-cancel-button {
   position: relative;
   width: 100%;
   overflow-y: auto;
+  overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -19671,6 +19683,7 @@ figure {
 }
 .alert-broken .filter-section-content {
   overflow: auto;
+  overscroll-behavior: contain;
   max-height: 117px;
   margin: 5px 0;
   font-size: 14px;
@@ -19709,6 +19722,7 @@ figure {
   .gd-notifications-channels-dialog-overlay {
     overflow-y: auto;
     overflow-x: hidden;
+    overscroll-behavior: contain;
     max-height: 99vh;
   }
 }
@@ -19753,6 +19767,7 @@ figure {
 .gd-notifications-channels-dialog-overlay.truncated {
   overflow-y: auto;
   overflow-x: hidden;
+  overscroll-behavior: contain;
 }
 
 .gd-dialog:not(.gd-dropdown).gd-notifications-channels-dialog {
@@ -19794,8 +19809,8 @@ figure {
     align-items: center;
   }
   .gd-input-component .gd-label {
-    width: 95px;
-    min-width: 95px;
+    width: 120px;
+    min-width: 120px;
   }
   .gd-input-component .gd-input {
     flex-grow: 1;
@@ -19977,6 +19992,7 @@ figure {
   margin-left: 6px;
   max-height: 180px;
   overflow-y: auto;
+  overscroll-behavior: contain;
   margin-right: -10px;
 }
 .gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content .gd-attachment-filters-list-item-title {
@@ -20065,6 +20081,7 @@ figure {
   min-height: 143px;
   max-height: 475px;
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 @media only screen and (max-width: 640px) {
   .gd-notifications-channels-management-dialog .gd-notifications-channels-content {
@@ -20344,6 +20361,7 @@ figure {
   width: 100%;
   overflow-y: auto;
   overflow-x: hidden;
+  overscroll-behavior: contain;
 }
 @media only screen and (max-width: 640px) {
   .gd-notification-channel-dialog-with-automation-filters {
@@ -20434,6 +20452,7 @@ figure {
 .gd-notifications-channels-dialog-error {
   max-height: 70px;
   overflow: auto;
+  overscroll-behavior: contain;
   margin-bottom: 20px;
 }
 
@@ -20715,6 +20734,7 @@ figure {
 }
 .gd-recipients-field .gd-recipients__value-container {
   overflow-y: auto;
+  overscroll-behavior: contain;
   padding: 0;
   min-height: 28px;
   max-height: 100px;
@@ -20946,12 +20966,12 @@ figure {
   }
 }
 .gd-dashboard-alerting-dialog-form-field__label-container {
-  width: 100px;
+  width: 125px;
   min-height: 23px;
   display: flex;
   gap: 5px;
   align-items: center;
-  min-width: 100px;
+  min-width: 125px;
 }
 .gd-dashboard-alerting-dialog-form-field__content-container {
   min-height: 23px;
@@ -20980,7 +21000,7 @@ figure {
   }
 }
 .gd-dashboard-alerting-dialog-form-field-group__label-container {
-  width: 100px;
+  width: 125px;
   min-height: 23px;
   display: flex;
   gap: 5px;
@@ -22591,15 +22611,17 @@ figure {
   position: relative;
 }
 .dash-filters-wrapper .show-all {
-  display: none;
-}
-.dash-filters-wrapper .show-all:last-child {
   position: absolute;
   bottom: -25px;
   left: 50%;
   display: block;
   transform: translateX(-50%);
 }
+@media only screen and (max-width: 320px), only screen and (max-width: 640px) {
+  .dash-filters-wrapper .show-all {
+    display: none;
+  }
+}
 .dash-filters-wrapper .gd-filter-button-custom-icon-wrapper .gd-icon-invisible {
   display: flex;
   padding-top: 2px;
@@ -22680,6 +22702,7 @@ figure {
 }
 .dash-filters-visible.scrollable {
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 .dash-filters-visible .dash-filters-rows {
   position: absolute;
@@ -23093,6 +23116,7 @@ figure {
 .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__list .configuration-category {
   margin: 10px 0 0;
   overflow: auto;
+  overscroll-behavior: contain;
 }
 .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .gd-filter-view__list:focus-visible {
   outline: none;
@@ -23324,6 +23348,7 @@ figure {
 .grouped-navigation-list {
   flex: 1 1 auto;
   overflow: auto;
+  overscroll-behavior: contain;
   margin: 0;
   padding: 8px 0;
   list-style-type: none;
@@ -23467,6 +23492,7 @@ figure {
   display: flex;
   flex-direction: column;
   overflow: auto;
+  overscroll-behavior: contain;
   height: 100%;
 }
 .grouped-mobile-navigation-dropdown.grouped-mobile-navigation-dropdown--has-subgroups {
@@ -23732,6 +23758,7 @@ figure {
   flex-direction: column;
   overflow-x: hidden;
   overflow-y: auto;
+  overscroll-behavior: contain;
   max-width: 100vw;
   width: calc(100vw - 10 * (1vw + 1vh - 1vmin));
   height: calc(100vh - 10 * (1vw + 1vh - 1vmin));
@@ -23946,6 +23973,7 @@ figure {
   flex-shrink: 0;
   overflow: hidden;
   overflow-y: auto;
+  overscroll-behavior: contain;
   transition: width 0.3s ease-in-out;
   position: relative;
 }
@@ -24022,6 +24050,7 @@ figure {
 .gd-drill-modal-picker-dropdown .gd-drill-modal-picker-body {
   max-height: 160px;
   overflow-y: auto;
+  overscroll-behavior: contain;
   padding: 0 0 10px 0;
 }
 .gd-drill-modal-picker-dropdown .gd-drill-modal-picker-list-item {
@@ -24250,6 +24279,7 @@ figure {
 .configuration-scrollable-panel {
   width: 100%;
   overflow: auto;
+  overscroll-behavior: contain;
 }
 
 .configuration-panel {
@@ -24276,6 +24306,7 @@ figure {
 .configuration-panel .gd-rich-text-insight-description {
   height: 85px;
   overflow: auto;
+  overscroll-behavior: contain;
 }
 .configuration-panel .gd-rich-text-insight-description textarea {
   font-weight: 400;
@@ -24322,6 +24353,7 @@ figure {
   max-height: 350px;
   overflow-x: hidden;
   overflow-y: auto;
+  overscroll-behavior: contain;
   padding: 0;
 }
 .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-category {
@@ -25460,6 +25492,7 @@ figure {
 .attribute-filter-dropdown-configuration .gd-infinite-list {
   max-height: 350px;
   overflow: auto;
+  overscroll-behavior: contain;
   margin: 6px 0 10px;
 }
 .attribute-filter-dropdown-configuration .gd-list-item.is-selected {
@@ -26157,6 +26190,7 @@ figure {
 .gd-drill-item-selector-dropdown .gd-drill-item-selector-body {
   max-height: 165px;
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 .gd-drill-item-selector-dropdown .gd-drill-origin-selector-separator,
 .gd-drill-item-selector-dropdown .gd-drill-measure-selector-list-item,
@@ -26552,6 +26586,7 @@ figure {
   max-height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
+  overscroll-behavior: contain;
 }
 .gd-drill-to-url-body .gd-list-item {
   width: 230px;
@@ -26567,6 +26602,7 @@ figure {
   justify-content: flex-start;
   flex-wrap: nowrap;
   overflow: auto;
+  overscroll-behavior: contain;
   padding: 4px 10px;
   white-space: nowrap;
 }
@@ -26666,6 +26702,7 @@ figure {
 }
 .gd-dialog.gd-drill-custom-url-editor .gd-drill-to-url-parameters {
   overflow: auto;
+  overscroll-behavior: contain;
   width: 200px;
   height: 270px;
   border: 1px solid var(--gd-palette-complementary-3-from-theme, #c9d5e0);
@@ -27033,6 +27070,7 @@ figure {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
+  overscroll-behavior: contain;
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -27148,6 +27186,7 @@ figure {
 .gd-alerts-list__items {
   padding: 10px 0 10px 0;
   overflow-y: auto;
+  overscroll-behavior: contain;
   max-height: 365px;
 }
 .gd-alerts-list__items .skeleton-flex {
@@ -27302,6 +27341,7 @@ figure {
 .gd-edit-alert__form {
   padding: 10px 10px 0 10px;
   overflow: auto;
+  overscroll-behavior: contain;
   flex: 1 1 auto;
   min-height: 0;
 }
@@ -27471,6 +27511,7 @@ figure {
 .gd-alert-attribute-select__menu-item__values {
   max-height: 375px;
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 
 .gd-alert-attribute-select__submenu .gd-list-item-separator::before {
@@ -27534,6 +27575,7 @@ figure {
 
 .gd-alert-destination-select__list-item.gd-list-item,
 .gd-alert-trigger-mode-select__list-item.gd-list-item,
+.gd-alert-trigger-interval-select__list-item.gd-list-item,
 .gd-alert-sensitivity-select__list-item.gd-list-item,
 .gd-alert-granularity-select__list-item.gd-list-item,
 .gd-alert-measure-select__list-item.gd-list-item,
@@ -27661,6 +27703,7 @@ figure {
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .visualizations-list {
   max-height: 253px;
   overflow-y: auto;
+  overscroll-behavior: contain;
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .horizontal-divider {
   width: 100%;
@@ -28783,6 +28826,9 @@ figure {
   align-self: stretch;
   height: 100%;
 }
+.gd-kda-dialog .gd-kda-key-drivers-detail-head {
+  width: 100%;
+}
 .gd-kda-dialog .gd-kda-key-drivers-detail-title {
   color: var(--gd-palette-complementary-8);
   text-align: left;
@@ -28794,6 +28840,7 @@ figure {
 }
 .gd-kda-dialog .gd-kda-key-drivers-detail-breadcrumb {
   margin-bottom: 8px;
+  width: 100%;
 }
 .gd-kda-dialog .gd-kda-key-drivers-detail-visualisation {
   width: 100%;
@@ -28950,6 +28997,7 @@ figure {
   font-weight: 400;
   line-height: 18px;
   overflow: auto;
+  overscroll-behavior: contain;
   white-space: normal;
   word-break: break-word;
 }