update border behaviour

appsmithorg · Nov 21, 2024 · 19c34df · 19c34df
1 parent 463cf7f
commit 19c34df
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/app/client/packages/design-system/widgets/src/components/Sidebar/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/Sidebar/src/styles.module.css
@@ -102,12 +102,14 @@
   width: calc(var(--sidebar-width-icon));
 }
 
-.mainSidebar[data-side="start"] .sidebar {
-  border-inline-end: var(--border-width-1) solid var(--color-bd-elevation-1);
-}
+@container (width > 550px) {
+  .mainSidebar[data-side="start"] .sidebar {
+    border-inline-end: var(--border-width-1) solid var(--color-bd-elevation-1);
+  }
 
-.mainSidebar[data-side="end"] .sidebar {
-  border-inline-start: var(--border-width-1) solid var(--color-bd-elevation-1);
+  .mainSidebar[data-side="end"] .sidebar {
+    border-inline-start: var(--border-width-1) solid var(--color-bd-elevation-1);
+  }
 }
 
 .mainSidebar[data-state="full-width"][data-side="start"] .sidebar {