mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-25 23:02:05 -04:00
0f32cabef9
* fix: move ActionRow outside the ReflexContainer It does not need to be resizable. * fix: make DesktopLayout aware of ActionRow The ReflexContainer seems to need to be inside a display: flex component to correctly compute the sizes of it's children. * refactor: remove unused props
27 lines
746 B
CSS
27 lines
746 B
CSS
#learn-app-wrapper .desktop-layout {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: calc(
|
|
100vh - var(--header-height, 0px) - var(--flash-message-height, 0px)
|
|
);
|
|
}
|
|
|
|
#learn-app-wrapper .reflex-container.vertical > .reflex-splitter,
|
|
#learn-app-wrapper .reflex-container.horizontal > .reflex-splitter {
|
|
background-color: var(--quaternary-background);
|
|
border: none;
|
|
}
|
|
|
|
#learn-app-wrapper .reflex-container.vertical > .reflex-splitter:hover,
|
|
#learn-app-wrapper .reflex-container.horizontal > .reflex-splitter:hover {
|
|
background-color: var(--quaternary-color);
|
|
}
|
|
|
|
#learn-app-wrapper .reflex-container.vertical > .reflex-splitter {
|
|
width: 5px;
|
|
}
|
|
|
|
#learn-app-wrapper .reflex-container.horizontal > .reflex-splitter {
|
|
height: 5px;
|
|
}
|