fix(nc-gui): move duplicate css at global style file

nocodb · Feb 27, 2024 · 646a2f4 · 646a2f4 · github-actions · Feb 27, 2024
1 parent bbd68cb
commit 646a2f4
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 72 deletions.
diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss
@@ -749,3 +749,39 @@ svg.nc-cell-icon, svg.nc-virtual-cell-icon {
   @apply w-1em h-1em flex-none;
   font-size: 1rem;
 }
+
+
+// For select type field list layout 
+.nc-field-layout-list {
+  @apply !flex !flex-col !items-start w-full !space-y-0.5 !max-w-full;
+
+  .ant-checkbox-wrapper {
+    @apply !m-0 !h-9 !mr-0 !flex !items-center w-full !max-w-full pl-2 rounded-lg hover:bg-gray-100;
+
+    &:hover {
+      .ant-checkbox-checked:after {
+        @apply !rounded;
+      }
+    }
+    .ant-checkbox {
+      @apply !top-0;
+
+      & + span {
+        @apply !flex !pl-4 max-w-[calc(100%_-_16px)];
+      }
+      .ant-checkbox-checked:after,
+      .ant-checkbox-inner {
+        @apply !rounded;
+      }
+    }
+  }
+  .ant-radio-wrapper {
+    @apply !m-0 !h-9 !mr-0 !flex !items-center w-full !max-w-full pl-2 rounded-lg hover:bg-gray-100;
+    .ant-radio {
+      @apply !top-0;
+    }
+    .ant-radio + span {
+      @apply !flex !pl-4 max-w-[calc(100%_-_16px)];
+    }
+  }
+}
diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue
@@ -647,31 +647,6 @@ const onFocus = () => {
 :deep(.ant-select-selection-search-input) {
   @apply !text-xs;
 }
-
-.nc-field-layout-list {
-  @apply !flex !flex-col !items-start w-full !space-y-0.5 !max-w-full;
-
-  :deep(.ant-checkbox-wrapper) {
-    @apply !m-0 !h-9 !mr-0 !flex !items-center w-full !max-w-full pl-2 rounded-lg hover:bg-gray-100;
-
-    &:hover {
-      .ant-checkbox-checked:after {
-        @apply !rounded;
-      }
-    }
-    .ant-checkbox {
-      @apply !top-0;
-
-      & + span {
-        @apply !flex !pl-4 max-w-[calc(100%_-_16px)];
-      }
-      .ant-checkbox-checked:after,
-      .ant-checkbox-inner {
-        @apply !rounded;
-      }
-    }
-  }
-}
 </style>
 
 <style lang="scss">

diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -493,19 +493,6 @@ const onFocus = () => {
 :deep(.ant-select-clear > span) {
   @apply block;
 }
-.nc-field-layout-list {
-  @apply !flex !flex-col !items-start w-full !space-y-0.5 !max-w-full;
-
-  :deep(.ant-radio-wrapper) {
-    @apply !m-0 !h-9 !mr-0 !flex !items-center w-full !max-w-full pl-2 rounded-lg hover:bg-gray-100;
-    .ant-radio {
-      @apply !top-0;
-    }
-    .ant-radio + span {
-      @apply !flex !pl-4 max-w-[calc(100%_-_16px)];
-    }
-  }
-}
 </style>
 
 <style lang="scss">

diff --git a/packages/nc-gui/components/cell/User.vue b/packages/nc-gui/components/cell/User.vue
@@ -609,38 +609,4 @@ const filterOption = (input: string, option: any) => {
 :deep(.ant-select-selection-search-input) {
   @apply !text-xs;
 }
-
-.nc-field-layout-list {
-  @apply !flex !flex-col !items-start w-full !space-y-0.5 !max-w-full;
-
-  :deep(.ant-checkbox-wrapper) {
-    @apply !m-0 !h-9 !mr-0 !flex !items-center w-full !max-w-full pl-2 rounded-lg hover:bg-gray-100;
-
-    &:hover {
-      .ant-checkbox-checked:after {
-        @apply !rounded;
-      }
-    }
-    .ant-checkbox {
-      @apply !top-0;
-
-      & + span {
-        @apply !flex !pl-4 max-w-[calc(100%_-_16px)];
-      }
-      .ant-checkbox-checked:after,
-      .ant-checkbox-inner {
-        @apply !rounded;
-      }
-    }
-  }
-  :deep(.ant-radio-wrapper) {
-    @apply !m-0 !h-9 !mr-0 !flex !items-center w-full !max-w-full pl-2 rounded-lg hover:bg-gray-100;
-    .ant-radio {
-      @apply !top-0;
-    }
-    .ant-radio + span {
-      @apply !flex !pl-4 max-w-[calc(100%_-_16px)];
-    }
-  }
-}
 </style>