@gooddata/sdk-ui-dashboard 11.57.0-alpha.4 → 11.57.0-alpha.6

package/styles/scss/dashboard.scss

@@ -646,6 +646,18 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
     }
 }
 
+.gd-restricted-placeholder-trigger {
+    // pinned to the positioned content area the same way a visualization is, so the message cannot
+    // stretch the box it is measured against: a percentage of a parent that grows with its content
+    // would grow with it
+    position: absolute;
+    inset: 0;
+    display: flex;
+    // a tile can be shorter or narrower than the message; it is clipped rather than spilling out of
+    // the tile, and the hover bubble carries the whole text either way
+    overflow: hidden;
+}
+
 .visualization-content {
     position: relative;
     flex: 1 1 auto;

package/styles/scss/filterBar.scss

@@ -221,6 +221,7 @@ $attribute-filter-drag-handle-left: 10px;
 
     .dash-filters-restricted {
         display: flex;
+        align-items: center;
         margin: 7px 11px 7px $default_space;
     }
 
@@ -228,17 +229,15 @@ $attribute-filter-drag-handle-left: 10px;
         box-sizing: border-box;
         display: inline-flex;
         align-items: center;
-        gap: 5px;
-        padding: 6px 10px;
+        gap: 7px;
+        min-height: 42px;
+        padding: 5px 10px;
         border: none;
-        border-radius: var(--gd-message-warning-borderRadius, 3px);
-        background: var(
-            --gd-message-warning-backgroundColor,
-            var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15))
-        );
-        color: var(--gd-message-warning-textColor, kit-variables.$gd-palette-warning-base);
+        background: none;
+        color: kit-variables.$gd-color-text;
         font-family: inherit;
         font-size: 12px;
+        font-weight: bold;
         line-height: 16px;
         white-space: nowrap;
         cursor: default;
@@ -246,16 +245,13 @@ $attribute-filter-drag-handle-left: 10px;
         &--actionable {
             cursor: pointer;
         }
-
-        .gd-icon-lock {
-            font-size: 14px;
-        }
     }
 }
 
 .dash-filters-restricted-tooltip {
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
     gap: 5px;
 }