From 776f0fa8efa9a17a4520abd405cec73960222d86 Mon Sep 17 00:00:00 2001 From: Nils Haagen Date: Mon, 17 Dec 2018 16:01:56 +0100 Subject: [PATCH] some slate-styles --- .../examples/MainControls/Mainbar/mainbar.php | 2 +- .../default/MainControls/Slate/slate.less | 2 ++ .../default/MainControls/mainbar.less | 23 +++++++++++++++++++ 3 files changed, 26 insertions(+), 1 deletion(-) diff --git a/src/UI/examples/MainControls/Mainbar/mainbar.php b/src/UI/examples/MainControls/Mainbar/mainbar.php index 1afedd100535..59f8d3c4d6d0 100644 --- a/src/UI/examples/MainControls/Mainbar/mainbar.php +++ b/src/UI/examples/MainControls/Mainbar/mainbar.php @@ -75,7 +75,7 @@ function getSomeEntries($f) $tools['tool2'] = $slate; $symbol = $f->icon()->custom('./src/UI/examples/Layout/Page/Standard/icon-sb-navigation.svg', '')->withSize('medium'); - $slate = $f->maincontrols()->slate()->legacy('Tool 3', $symbol, 'tool 3'); + $slate = $f->maincontrols()->slate()->legacy('Tool 3', $symbol, loremIpsum()); $tools['tool3'] = $slate; diff --git a/src/UI/templates/default/MainControls/Slate/slate.less b/src/UI/templates/default/MainControls/Slate/slate.less index 72a10b2a6865..6e634da78613 100644 --- a/src/UI/templates/default/MainControls/Slate/slate.less +++ b/src/UI/templates/default/MainControls/Slate/slate.less @@ -4,11 +4,13 @@ .il-maincontrols-slate { &.engaged { + /* // quick solution, better use flex or grid display: flex; flex-direction: column; height: 100%; position: relative; + */ } &.disengaged { display:none; diff --git a/src/UI/templates/default/MainControls/mainbar.less b/src/UI/templates/default/MainControls/mainbar.less index 05611df806b5..8a4f8c4b19b7 100644 --- a/src/UI/templates/default/MainControls/mainbar.less +++ b/src/UI/templates/default/MainControls/mainbar.less @@ -119,3 +119,26 @@ width: auto; } } + +/* +.il-maincontrols-slate-content { + height: 0px; + + .il-maincontrols-slate-content { + height: 200px !important; + + } +} +*/ + +.il-mainbar-slates > .il-maincontrols-slate.engaged { + display: flex; + flex-direction: column; + height: 100%; + position: relative; + +} + +.il-mainbar-slates > .il-maincontrols-slate.engaged > .il-maincontrols-slate-content { + height: 0px; +} \ No newline at end of file