From 4fa132b4dca5c514ec35be7426df90108f6b9769 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 25 Jul 2022 17:58:55 +0200
Subject: [PATCH 1/2] fix(gui-v2): search icon position misaligned

---
 .../nc-gui-v2/components/dashboard/TreeView.vue    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui-v2/components/dashboard/TreeView.vue b/packages/nc-gui-v2/components/dashboard/TreeView.vue
index 37d97671bf..20c22b3475 100644
--- a/packages/nc-gui-v2/components/dashboard/TreeView.vue
+++ b/packages/nc-gui-v2/components/dashboard/TreeView.vue
@@ -198,7 +198,7 @@ const addTableTab = (table: TableType) => {
 
 <template>
   <div class="nc-treeview-container flex flex-column">
-    <div class="p-1">
+    <div class="px-3 py-2">
       <a-input-search
         v-model:value="filterQuery"
         size="small"
@@ -232,7 +232,7 @@ const addTableTab = (table: TableType) => {
                 :key="table.id"
                 v-t="['a:table:open']"
                 :class="{ hidden: !filteredTables?.includes(table) }"
-                class="!pl-1 py-1 !h-[28px] !my-0 text-sm pointer group"
+                class="!pl-1 py-1 !h-[28px] !my-0 text-sm cursor-pointer group"
                 :data-order="table.order"
                 :data-id="table.id"
                 @click="addTableTab(table)"
@@ -298,12 +298,8 @@ const addTableTab = (table: TableType) => {
 </template>
 
 <style scoped>
-.pointer {
-  cursor: pointer;
-}
-
 .nc-treeview-container {
-  height: calc(100vh - var(--header-height));
+  @apply h-[calc(100vh_-_var(--header-height))];
 }
 
 .nc-treeview-footer-item {
@@ -317,4 +313,8 @@ const addTableTab = (table: TableType) => {
 :deep(.ant-dropdown-menu-title-content) {
   @apply !p-2;
 }
+
+:deep(.ant-input-group-addon:last-child) {
+  @apply top-[-0.5px];
+}
 </style>

From 0b5ebd41efc1d1a22d2c4c9d7b04e8be04b78815 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:09:42 +0200
Subject: [PATCH 2/2] fix(gui-v2): force disable dark mode

---
 packages/nc-gui-v2/composables/useGlobalState.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui-v2/composables/useGlobalState.ts b/packages/nc-gui-v2/composables/useGlobalState.ts
index e2620bb958..f3392b4236 100644
--- a/packages/nc-gui-v2/composables/useGlobalState.ts
+++ b/packages/nc-gui-v2/composables/useGlobalState.ts
@@ -27,8 +27,8 @@ export const useGlobalState = (): GlobalState => {
   const preferredLanguages = $(usePreferredLanguages())
   /** todo: reimplement; get the preferred dark mode setting, according to browser settings */
   //   const prefersDarkMode = $(usePreferredDark())
-
   const prefersDarkMode = false
+
   /** get current breakpoints (for enabling sidebar) */
   const breakpoints = useBreakpoints(breakpointsTailwind)
 
@@ -72,6 +72,9 @@ export const useGlobalState = (): GlobalState => {
   /** saves a reactive state, any change to these values will write/delete to localStorage */
   const storage = $(useStorage<StoredState>(storageKey, initialState))
 
+  /** force turn off of dark mode, regardless of previously stored settings */
+  storage.darkMode = false
+
   /** current token ref, used by `useJwt` to reactively parse our token payload */
   let token = $computed({
     get: () => storage.token || '',