fix(client): styles for a reflex-splitter
This commit is contained in:
committed by
mrugesh mohapatra
parent
22cb0c355c
commit
21b72f2219
@ -1,22 +1,19 @@
|
|||||||
#learn-app-wrapper .reflex-layout.vertical > .reflex-splitter,
|
#learn-app-wrapper .reflex-container.vertical .reflex-splitter:hover {
|
||||||
#learn-app-wrapper .reflex-layout > .reflex-element {
|
border-left: 2px solid #006400;
|
||||||
/*
|
border-right: 2px solid #006400;
|
||||||
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;
|
|
||||||
background-color: #006400;
|
background-color: #006400;
|
||||||
}
|
}
|
||||||
|
|
||||||
#learn-app-wrapper .reflex-layout.vertical > .reflex-splitter {
|
#learn-app-wrapper .reflex-container.vertical > .reflex-splitter {
|
||||||
width: 5px;
|
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;
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user