Merge pull request #5843 from nextcloud-libraries/fix/splitpane_style

fix(NcAppContent): splitpane splitter styles with dark theme
nextcloud-libraries · Jul 22, 2024 · 2c8d7a4 · 2c8d7a4
2 parents 314b5e9 + 8cf88c3
commit 2c8d7a4
Showing 1 changed file with 6 additions and 14 deletions.
diff --git a/src/components/NcAppContent/NcAppContent.vue b/src/components/NcAppContent/NcAppContent.vue
@@ -418,25 +418,17 @@ export default {
 			}
 		}
 	}
-	.app-content-wrapper--vertical-split {
+
+	&.splitpanes--vertical {
 		.splitpanes__splitter {
-			width: 9px;
-			margin-left: -5px;
-			background-color: transparent;
-			border-left: none;
+			background-color: var(--color-main-background);
+			border-left: 1px solid var(--color-border);
 
-			&:before,
-			&:after {
-				display: none;
+			&::before, &::after {
+				background-color: var(--color-border);
 			}
 		}
 	}
-	.app-content-wrapper--horizontal-split {
-		.splitpanes__splitter {
-			height: 9px;
-			margin-top: -5px;
-		}
-	}
 }
 
 .app-content-wrapper--show-list {