holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Et2Split: Add a background color to the splitter bar

Browse Source
This commit is contained in:
nathan 2022-04-21 09:09:59 -06:00
parent f05ce485ca
commit 19ae591bdf
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
api/js/etemplate/Layout/Et2Split/Et2Split.ts
View File

@ -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)
}
`
];
}