From ab6fcdcd270c418327a128472acac60aef01f0b1 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 7 Oct 2022 12:25:41 +0200
Subject: [PATCH] chore(nc-gui): remove box shadow from select fields & fix
 filter grid alignment

---
 .../nc-gui/components/smartsheet/toolbar/ColumnFilter.vue   | 6 ++----
 .../smartsheet/toolbar/FieldListAutoCompleteDropdown.vue    | 6 ++++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
index 0edc2503aa..77bc93b27a 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
@@ -262,10 +262,8 @@ defineExpose({
 
 <style scoped>
 .nc-filter-grid {
-  display: grid;
-  grid-template-columns: 18px 75px auto auto auto;
-  @apply gap-[12px]
-  align-items: center;
+  grid-template-columns: 18px 83px 160px auto auto;
+  @apply grid gap-[12px] items-center;
 }
 
 :deep(.ant-select-item-option) {
diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
index 9c8f3169b7..230494c6d7 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
@@ -65,3 +65,9 @@ const filterOption = (input: string, option: any) => option.label.toLowerCase()?
     </a-select-option>
   </a-select>
 </template>
+
+<style lang="scss">
+.ant-select-selection-search-input {
+  box-shadow: none !important;
+}
+</style>