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

Style layout and components

Browse Source
This commit is contained in:
Stuart Taylor
2018-04-06 16:11:09 +01:00
committed by Mrugesh Mohapatra
parent fa77cd863e
commit bd285f8ee5
3 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/learn/src/layouts/global.css
View File

@ -9,6 +9,7 @@ body {
html, body, .full-height { html, body, .full-height {
min-height: 100% !important; min-height: 100% !important;
height: 100%; height: 100%;
max-height: calc(100vh);
} }
article, article,
aside, aside,

14
packages/learn/src/layouts/layout.css
View File

@ -1,5 +1,5 @@
.app-wrapper { .app-wrapper {
min-height: calc(100vh - (45px + 1.45rem)); max-height: calc(100vh - (45px + 1.45rem));
} }
main { main {
@ -14,12 +14,12 @@ main {
height: auto; height: auto;
} }
.reflex-layout.vertical > .reflex-splitter:hover { .reflex-layout.vertical .reflex-splitter:hover {
border-left: 2px solid #ccc !important; border-left: 2px solid #006400 !important;
border-right: 2px solid #ccc !important; border-right: 2px solid #006400 !important;
background-color: #006400;
} }
.reflex-layout.vertical > .reflex-splitter, { .reflex-layout.vertical > .reflex-splitter{
border-left: 2px solid #c6c6c6; width: 5px;
border-right: 2px solid #c6c6c6;
} }

7
packages/learn/src/templates/Challenges/views/components/preview.css
View File

@ -1,3 +1,10 @@
.hide-test-frame { .hide-test-frame {
display: none; display: none;
} }
.challenge-preview, .challenge-preview-frame {
height: calc(100vh - (45px + 1.45rem));
width: 100%;
padding: 0;
margin: 0;
}