From 353b1efe95bb1b44776aa039f7741f9ea77de700 Mon Sep 17 00:00:00 2001 From: Yunus M Date: Thu, 15 May 2025 14:10:27 +0530 Subject: [PATCH] fix: update dropdown css --- .../QueryAddOns/HavingFilter/HavingFilter.tsx | 2 +- .../QueryAggregation/QueryAggregation.styles.scss | 11 +++++++---- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/frontend/src/components/QueryBuilderV2/QueryAddOns/HavingFilter/HavingFilter.tsx b/frontend/src/components/QueryBuilderV2/QueryAddOns/HavingFilter/HavingFilter.tsx index 23657bf0962a..c78eaee13446 100644 --- a/frontend/src/components/QueryBuilderV2/QueryAddOns/HavingFilter/HavingFilter.tsx +++ b/frontend/src/components/QueryBuilderV2/QueryAddOns/HavingFilter/HavingFilter.tsx @@ -162,7 +162,7 @@ function HavingFilter(): JSX.Element { }, ]), ]} - placeholder="Type aggregator functions like sum(), count_distinct(...), etc." + placeholder="Type Having query like count() > 10 ..." basicSetup={{ lineNumbers: false, autocompletion: true, diff --git a/frontend/src/components/QueryBuilderV2/QueryAggregation/QueryAggregation.styles.scss b/frontend/src/components/QueryBuilderV2/QueryAggregation/QueryAggregation.styles.scss index 764b086c7e01..5025c4677c81 100644 --- a/frontend/src/components/QueryBuilderV2/QueryAggregation/QueryAggregation.styles.scss +++ b/frontend/src/components/QueryBuilderV2/QueryAggregation/QueryAggregation.styles.scss @@ -40,8 +40,8 @@ .cm-editor { border-radius: 2px; - overflow: hidden; background-color: transparent !important; + position: relative !important; &:focus-within { border-color: var(--bg-robin-500); @@ -65,12 +65,15 @@ font-weight: 500 !important; margin-top: -2px !important; min-width: 400px !important; - position: relative !important; - top: 0px !important; + position: absolute !important; + top: 38px !important; left: 0px !important; border-radius: 4px; border: 1px solid var(--bg-slate-200, #1d212d); + border-top: none !important; + border-top-left-radius: 0px !important; + border-top-right-radius: 0px !important; background: linear-gradient( 139deg, rgba(18, 19, 23, 0.8) 0%, @@ -132,7 +135,7 @@ } .cm-line { - line-height: 34px !important; + line-height: 36px !important; font-family: 'Space Mono', monospace !important; background-color: #121317 !important;