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

Fixs classic modal styling not rendering

Browse Source 
Move classic modal less files co-locating them in the app file structure
This commit is contained in:
Berkeley Martinez
2017-05-18 21:46:35 -07:00
committed by Stuart Taylor
parent 7b4d5fe4f8
commit 70f2b797d9
3 changed files with 36 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
client/less/classic-modal.less
View File

@ -1,34 +0,0 @@
.challenge-success-modal {
display: flex;
flex-direction: column;
justify-content: center;
height: 50vh;
.modal-header {
margin-bottom: 0;
.close {
color: #eee;
font-size: 4rem;
opacity: 0.6;
transition: all 300ms ease-out;
margin-top: 0;
padding-left: 0;
&:hover {
opacity: 1;
}
}
}
.modal-body {
padding: 35px;
display: flex;
flex-direction: column;
justify-content: center;
.fa {
margin-right: 0;
}
}
}

1
client/less/main.less
View File

@ -1232,6 +1232,5 @@ and (max-width : 400px) {
&{ @import "./toastr.less"; } &{ @import "./toastr.less"; }
&{ @import "./map.less"; } &{ @import "./map.less"; }
&{ @import "./sk-wave.less"; } &{ @import "./sk-wave.less"; }
&{ @import "./classic-modal.less"; }
&{ @import "./skeleton-shimmer.less"; } &{ @import "./skeleton-shimmer.less"; }
&{ @import "../../common/index.less"; } &{ @import "../../common/index.less"; }

36
common/app/routes/challenges/views/classic/classic.less
View File

@ -107,3 +107,39 @@
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
.@{ns}-success-modal {
display: flex;
flex-direction: column;
justify-content: center;
height: 50vh;
.modal-header {
background-color: @brand-primary;
margin-bottom: 0;
.close {
color: #eee;
font-size: 4rem;
opacity: 0.6;
transition: all 300ms ease-out;
margin-top: 0;
padding-left: 0;
&:hover {
opacity: 1;
}
}
}
.modal-body {
padding: 35px;
display: flex;
flex-direction: column;
justify-content: center;
.fa {
margin-right: 0;
}
}
}