gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): styles for a reflex-splitter

Browse Source
This commit is contained in:
Valeriy S
2019-01-29 09:51:38 +03:00
committed by mrugesh mohapatra
parent 22cb0c355c
commit 21b72f2219
1 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
client/src/components/layouts/learn.css
View File

@ -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;
}