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 {