From 21b72f2219be43e0d13cc6d7e5bf6d1b0b33bac4 Mon Sep 17 00:00:00 2001 From: Valeriy S Date: Tue, 29 Jan 2019 09:51:38 +0300 Subject: [PATCH] fix(client): styles for a reflex-splitter --- client/src/components/layouts/learn.css | 31 +++++++++++-------------- 1 file changed, 14 insertions(+), 17 deletions(-) diff --git a/client/src/components/layouts/learn.css b/client/src/components/layouts/learn.css index 1a29ee6866..34c173bade 100644 --- a/client/src/components/layouts/learn.css +++ b/client/src/components/layouts/learn.css @@ -1,22 +1,19 @@ -#learn-app-wrapper .reflex-layout.vertical > .reflex-splitter, -#learn-app-wrapper .reflex-layout > .reflex-element { - /* - Note(Bouncey): removing height: 100% makes the element 100% high ¯\_(ツ)_/¯ - */ - height: auto; - /* - Note(renojvarghese): had to put a max-height because max-height was removed from app-wrapper (has background of #333 in night mode) - */ - max-height: calc(100vh - 38px); - overflow-y: scroll; -} - -#learn-app-wrapper .reflex-layout.vertical .reflex-splitter:hover { - border-left: 2px solid #006400 !important; - border-right: 2px solid #006400 !important; +#learn-app-wrapper .reflex-container.vertical .reflex-splitter:hover { + border-left: 2px solid #006400; + border-right: 2px solid #006400; background-color: #006400; } -#learn-app-wrapper .reflex-layout.vertical > .reflex-splitter { +#learn-app-wrapper .reflex-container.vertical > .reflex-splitter { width: 5px; } + +#learn-app-wrapper .reflex-container.horizontal .reflex-splitter:hover { + border-top: 2px solid #006400; + border-bottom: 2px solid #006400; + background-color: #006400; +} + +#learn-app-wrapper .reflex-container.horizontal > .reflex-splitter { + height: 5px; +}