Merge pull request #6239 from nextcloud-libraries/backport/6227/next

[next] fix(NcAppContent): white splitter in dark mode when using split-horizontal mode
nextcloud-libraries · Nov 19, 2024 · be1c74e · be1c74e
2 parents ed5f78d + c163e33
commit be1c74e
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/components/NcAppContent/NcAppContent.vue b/src/components/NcAppContent/NcAppContent.vue
@@ -419,16 +419,20 @@ export default {
 		}
 	}
 
-	&.splitpanes--vertical {
-		.splitpanes__splitter {
-			background-color: var(--color-main-background);
-			border-left: 1px solid var(--color-border);
-
-			&::before, &::after {
-				background-color: var(--color-border);
-			}
+	.splitpanes__splitter {
+		background-color: var(--color-main-background);
+		&::before, &::after {
+			background-color: var(--color-border);
 		}
 	}
+
+	&.splitpanes--vertical .splitpanes__splitter {
+		border-left: 1px solid var(--color-border);
+	}
+
+	&.splitpanes--horizontal .splitpanes__splitter {
+		border-top: 1px solid var(--color-border);
+	}
 }
 
 .app-content-wrapper--show-list {