From 176215818b2572eefc1df18401ddaa896ea8a1fb Mon Sep 17 00:00:00 2001 From: Robert Jaros Date: Sun, 24 Sep 2017 05:42:20 +0200 Subject: New containers: StackPanel, SplitPanel, Tabs --- src/main/assets/css/style.css | 54 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 src/main/assets/css/style.css (limited to 'src/main/assets/css') diff --git a/src/main/assets/css/style.css b/src/main/assets/css/style.css new file mode 100644 index 00000000..19f2c63e --- /dev/null +++ b/src/main/assets/css/style.css @@ -0,0 +1,54 @@ +.splitpanel-vertical { + display: flex; + flex-direction: row; + overflow: auto; +} + +.splitpanel-vertical > *:first-child { + max-width: calc(100% - 18px); +} + +.splitpanel-vertical > * { + flex: 0 0 auto; + overflow: auto; +} + +.splitpanel-vertical > *:last-child { + flex: 1 1 auto; + overflow: auto; +} + +.splitpanel-horizontal { + display: flex; + flex-direction: column; + overflow: auto; +} + +.splitpanel-horizontal > *:first-child { + max-height: calc(100% - 18px); +} + +.splitpanel-horizontal > * { + flex: 0 0 auto; + overflow: auto; +} + +.splitpanel-horizontal > *:last-child { + flex: 1 1 auto; + overflow: auto; +} + + +.splitter-vertical { + flex: 0 0 auto; + width: 18px; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAhCAQAAABOpSL+AAAAIklEQVR4AWMwbb/PdR+JZDD9f1/oPhI5sgVGBSruc9xHIgGdSQqqQJGkRgAAAABJRU5ErkJggg==') center center no-repeat #535353; + cursor: col-resize; +} + +.splitter-horizontal { + flex: 0 0 auto; + height: 18px; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAICAQAAADdTl4aAAAAIElEQVQoz2MwrTD9TxFsZ7jPcV+IIsjFQAUw6hFqegQA+xzRHT2p7pEAAAAASUVORK5CYII=') center center no-repeat #535353; + cursor: row-resize; +} -- cgit