diff --git a/dashboard/package.json b/dashboard/package.json index bbc505b33..69f96c73d 100644 --- a/dashboard/package.json +++ b/dashboard/package.json @@ -1,6 +1,6 @@ { "name": "@devtable/dashboard", - "version": "14.58.5", + "version": "14.58.6", "license": "Apache-2.0", "repository": { "url": "https://github.com/merico-dev/table" diff --git a/dashboard/src/components/panel/panel-render/panel-render-base.css b/dashboard/src/components/panel/panel-render/panel-render-base.css index ee539b875..82d10bfb4 100644 --- a/dashboard/src/components/panel/panel-render/panel-render-base.css +++ b/dashboard/src/components/panel/panel-render/panel-render-base.css @@ -10,11 +10,13 @@ .panel-title-wrapper { padding: 16px 32px; } + .panel-title-wrapper .panel-title-text { font-size: 20px; line-height: 28px; font-weight: bold; } + .panel-description-popover-wrapper { position: absolute; left: 0; @@ -26,10 +28,12 @@ .panel-root.panel-root--show-title .panel-title-dragarea { height: 60px; } + .panel-root.panel-root--show-title .panel-description-popover-wrapper { left: 16px; top: 16px; } + .panel-root.panel-root--show-title .panel-description-popover-wrapper { left: 16px; top: 16px; @@ -39,18 +43,21 @@ top: 0; right: 0; } + .panel-root.panel-root--show-title .panel-top-right-actions { top: 16px; right: 16px; } -.panel-root .panel-top-right-actions-placeholder { - width: 1px; - height: 24px; +.panel-root:not(.panel-root--show-title) .panel-top-right-actions:has(> * > *) ~ .panel-viz-section { + margin-top: 16px; + height: calc(100% - 16px); } + .panel-root .panel-viz-section { height: 100%; } + .panel-root.panel-root--show-title .panel-viz-section { height: calc(100% - 60px); } diff --git a/dashboard/src/components/panel/panel-render/top-right-actions/index.tsx b/dashboard/src/components/panel/panel-render/top-right-actions/index.tsx index 91dd7cfc7..1e3d937f5 100644 --- a/dashboard/src/components/panel/panel-render/top-right-actions/index.tsx +++ b/dashboard/src/components/panel/panel-render/top-right-actions/index.tsx @@ -14,10 +14,8 @@ export const PanelTopRightActions = observer(({ dropdownContent, showDropdownMen const showDropdown = withPanelTitle && showDropdownMenu; - const hasTopRightActions = panelAddonSlotId || dropdownContent; return ( <> - {hasTopRightActions &&
}