From 19ae591bdf3e3785996695679fd8133ec767f42f Mon Sep 17 00:00:00 2001 From: nathan Date: Thu, 21 Apr 2022 09:09:59 -0600 Subject: [PATCH] Et2Split: Add a background color to the splitter bar --- api/js/etemplate/Layout/Et2Split/Et2Split.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/api/js/etemplate/Layout/Et2Split/Et2Split.ts b/api/js/etemplate/Layout/Et2Split/Et2Split.ts index 10afa08563..9c4b9354ac 100644 --- a/api/js/etemplate/Layout/Et2Split/Et2Split.ts +++ b/api/js/etemplate/Layout/Et2Split/Et2Split.ts @@ -13,6 +13,7 @@ import {SlSplitPanel} from "@shoelace-style/shoelace"; import {et2_IDOMNode, et2_IResizeable} from "../../et2_core_interfaces"; import {et2_DOMWidget} from "../../et2_core_DOMWidget"; import {css, html, SlotMixin} from "@lion/core"; +import {colorsDefStyles} from "../../Styles/colorsDefStyles"; export class Et2Split extends Et2Widget(SlotMixin(SlSplitPanel)) { @@ -21,6 +22,7 @@ export class Et2Split extends Et2Widget(SlotMixin(SlSplitPanel)) { return [ ...super.styles, + colorsDefStyles, css` :host { height: 100%; @@ -40,6 +42,9 @@ export class Et2Split extends Et2Widget(SlotMixin(SlSplitPanel)) :host([vertical]) ::slotted(.split-handle) { background-image: ${cssImage("splitter_horz")}; } + .divider { + background-color: var(--gray_10) + } ` ]; }